输入字段-蓝色焦点突出?不可能摆脱

INPUT Field - Blue Focus Highlight ? Impossible to get rid of?

本文关键字：不可能 字段 蓝色 焦点 输入      更新时间：2023-09-26

我已经尝试了所有方法来摆脱这个焦点蓝色高光，但绝对没有任何效果。

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;
}
相关文章：