如何摆脱Chrome / Safari上的文本框select突出显示？

使用Chrome或Safari时， active text box或text area将在框中显示蓝色/橙色border 。 我看到一些网站摆脱这一点，但我已经复制了他们的CSS ，它仍然在那里。 我该怎么做？

Answer 1

以下CSS通常会删除默认的高亮显示边框：

 input:focus {outline: none; } 

值得一提的是，大纲对于用户界面焦点来说是一个有用的视觉反馈，对于那些不使用鼠标（例如键盘导航）的用户来说，值得用另一个视觉提示来代替大纲的损失。

Answer 2

您可以使用

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

但是为了便于使用，试图给用户一些指示，表单元素是关注的。

Answer 3

我只是这样做了：

 :focus { outline: none; }