輸入字段-藍色焦點突出顯示？ 不可能擺脫？

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;
}