我已经尝试了所有方法来摆脱这个焦点蓝色高光,但绝对没有任何效果。
I have try:
input:focus {
outline: none;
}
我在这里读到的是正确的解决方案。但这行不通。使用最新的Chrome/Safari/Firefox,当点击焦点时,蓝色高亮仍然存在。
它在IE7/IE8中工作很有趣。我尝试了一个javascript解决方案,我在堆栈上阅读,我添加了一个onclick:blur方法到输入,但这只是使输入字段不可编辑?
有什么解决方案吗?如果可能的话,我希望有一个干净的CSS解决方案
这段css只有在没有更具体的内容时才会起作用。记住,css遵循最特定的规则优先,所以说
input#myid:focus { /* <--more specific, takes priority */
outline: blue;
}
input:focus { /* <--less specific, overridden by above */
outline: none;
}
您可以使用!important
强制重写,尽管这可能会在稍后导致其他问题:
input:focus {
outline: none !important;
}
使用Firebug查看元素悬停时计算的CSS。它会告诉你应用于元素的规则是从哪里来的
我也有同样的问题,这对我有用
#search input[type="text"]:focus {
width: 180px;
outline: none;
}