選中時從HTML文本輸入中刪除藍色發光

如何使用純CSS刪除圍繞選定文本輸入框的藍色發光？選中時從HTML文本輸入中刪除藍色發光

2012-02-15 JSW189

實際上，在谷歌瀏覽器中，它是橙色的。只是說;） – wecsam 2012-02-15 04:22:16

@wecsam：我起初實際上很困惑，因爲我很習慣Chrome的橙色輪廓。：P – Purag 2012-02-15 04:23:36

126

這應做到：

input:focus { 
    outline:none; 
}

EDIT（2015年）：如果你正在設計一個廣泛的觀衆，記得大綱往往是誰通過鍵盤導航或需要用戶的重要輔助功能更明顯的視覺反饋。如果您刪除了大綱，請確保定義替代的焦點狀態，爲用戶提供適當的視覺反饋。

2012-02-15 04:17:06 Purag

+15

有時** box-shadow：none **也是必需的 – styks 2013-09-24 17:15:43

既不適用於Chrome瀏覽器，版本爲45.0.2454.101 m' :( – Ciwan 2015-10-04 13:35:09

由於瀏覽器限制爲select> options屬性大綱由shadowDOM處理。可以試試[This]（http://harvesthq.github.io/chosen/）jQuery插件 – TechYogi 2016-03-14 11:16:43

我更喜歡一個很好的固體復位：

input, textarea, select, a { outline: none; }

綱要「無」的錨標記上防止恐怖重點概述了很多Android瀏覽器。

2012-04-09 07:47:45 wilsonpage

輸入輪廓只允許在焦點上 – Anselm 2013-04-28 13:37:00

我更喜歡這個。另外，'select：focus'似乎沒有對我來說，我看不出這樣做的問題，'：focus'是不必要的明確的， – taylorcressy 2014-06-15 15:06:14

我需要添加'！important'才能爲我工作。 – JoeTidee 2016-03-30 22:04:01

回答