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

我已经尝试了一切，摆脱这个焦点蓝色突出显示，并且绝对没有任何工作。输入字段 - 蓝色焦点突出显示？不可能摆脱？

我曾尝试：

input:focus { 
    outline: none; 
}

我已经在这里读的是正确的解决方案。虽然它不工作。点击进入焦点时，使用最新的Chrome/Safari/Firefox蓝色突出显示仍然存在。

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

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

来源

2011-09-19 skålfyfan

别的东西必须继续。 IE7和IE8甚至没有任何关注的焦点 - 这就是为什么它似乎工作。 – BoltClock

什么“聚焦蓝色高光”？ –

检查您是否没有应用边框，可能是这种情况。 –

这一点的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元素。它会告诉你应用于元素的规则来自哪里。

来源

2011-09-19 16:28:35

我不认为我可以比这更具体：'＃block-search-form input.form-text：focus { outline：none！important; border：0px; }'它仍然不是'不工作。 –

您是否尝试清除缓存？ – dex3703

我有同样的问题，这个工作对我来说

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

来源

2012-12-05 03:59:00

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

回答

相关问题