谷歌浏览器 - 删除焦点边框和页面跳转

时间:2017-10-23 17:12:12

标签: css google-chrome

这是我在StackOverflow上的第一篇文章,所以如果我不能正确理解,请耐心等待。

Google Chrome上有一些页面有文本输入框,以蓝色突出显示为焦点边框。我在文本框下面的页面上滚动并开始输入,页面跳回到文本输入的位置,所以我无法读取它下面的内容。这不会发生在Firefox上。

我的问题不同,因为它不是我遇到问题的突出重点,而是页面不断跳到文本输入的位置。我已经使用了各种CSS代码来摆脱焦点边框,但它仍然不能阻止页面跳跃。

input:focus,
textarea:focus {
    outline: none;
}

*:focus {
    outline: none;
}

input:focus,
textarea:focus {
    outline: none;
    outline-style:none;
    box-shadow:none;
    border-color:transparent;
}

有什么方法可以编写CSS来阻止页面滚动到文本输入区域,当我不想要它时?

1 个答案:

答案 0 :(得分:0)

我唯一能想到的是在这个上使用JavaScript。 您可以使用:

<body onLoad="window.scroll(x, y)">

其中x和y将是您希望起始滚动位置的数字。