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

我已經嘗試了一切，擺脫這個焦點藍色突出顯示，並且絕對沒有任何工作。輸入字段 - 藍色焦點突出顯示？不可能擺脫？

我曾嘗試：

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

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

回答

相關問題