INPUT Field - 蓝色焦点亮点？不可能摆脱？

Question

我已经尝试了一切摆脱这个焦点蓝色亮点，绝对没有任何效果。

我试过了：

input:focus {
   outline: none; 
}

我在这里读到的是正确的解决方案。虽然不行。使用最新的Chrome / Safari / Firefox时，点击焦点时仍会出现蓝色高光。

它足够有趣地在IE7 / IE8中运行。我尝试了一个我在堆栈上读取的javascript解决方案，我在输入中添加了 onclick：blur 方法，但这只是使输入字段不可编辑？

任何解决方案的家伙？如果可能的话，更喜欢干净的CSS解决方案。

Answer 1

只有没有更具体的内容，才能使用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。它会告诉你应用于元素的规则来自何处。

Answer 2

我遇到了同样的问题，这对我有用

#search input[type="text"]:focus {
width: 180px;
outline: none;
}