如何擺脫Chrome/Safari上的文本框選擇突出顯示？

Question

使用Chrome或Safari時，active text box或text area將在框的周圍顯示藍色/橙色border。我看到一些網站擺脫了這一點，但我已經複製了他們的CSS，它仍然存在。我該怎麼做？

Answer 1

下面的CSS通常刪除默認亮點邊界：

input:focus {outline: none; } 

這是值得記住的是，大綱是對UI焦點有用的視覺反饋，爲這些用戶不使用鼠標（鍵盤導航，例如），並且用另一個視覺提示代替大綱的丟失是值得的。

Answer 2

您可以使用

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

但是試着給予指示，即表單元素集中，可訪問性的原因用戶。

Answer 3

我只是這樣做：

:focus { outline: none; }