擺脫HTML/CSS中輸入框上的藍色焦點矩形？

我正在運行Mac OS，所以我無法確定這個效果是否顯示在Windows機器上，所以我很抱歉如果沒有看到這種效果。擺脫HTML/CSS中輸入框上的藍色焦點矩形？

輸入和TextField在關注時似乎有一個藍色的矩形，至少在Mac上的Firefox和Chrome上。我在網站上有一個自定義焦點效果，我想知道是否可以避免顯示此默認選擇行爲。谷歌避免在他們的網站上。我儘可能爲Google的輸入框獲得'效果'CSS樣式，將其應用於我的css對象。但是，它仍然顯示藍色矩形。我不確定谷歌在做什麼樣的voodoo，但在我看來，它不是HTML或CSS屬性。任何人都知道如何避免這種影響？謝謝！

來源

2010-09-07 Kyle

它實際上是一個CSS屬性。這將隱藏這種發光效果：

input:focus, textarea:focus { 
    outline: none; 
}

來源

2010-09-07 16:57:36 BoltClock

我以前也用過這個。非常感謝..（出色地工作） – Kyle 2010-09-07 16:58:57

+11

請記住，這是一個瀏覽器可用性功能。用戶，尤其是以鍵盤爲中心的用戶，比如在打字之前知道焦點在哪裏。如果您刪除此行爲，請考慮提供其他方式來指示用戶的焦點。 – Doug 2010-09-07 18:02:46

要增加Doug所說的話，這不僅僅是一個可用性功能，它的一項輔助功能。請參閱http://developer.chrome.com/extensions/a11y.html#keyboard在OSX上，輪廓如此大膽，這有點令人討厭。 – 2012-09-17 03:27:43

擺脫HTML/CSS中輸入框上的藍色焦點矩形？

回答

相關問題