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

Question

使用Chrome或Safari时，active text box或text area会在包装盒周围显示蓝色/橙色border。我已经看到一些网站摆脱了这个，但我复制了他们的CSS，它仍然存在。我该怎么做？

Answer 1

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

input:focus {outline: none; }

值得记住的是，对于那些不使用鼠标的用户（例如键盘导航），轮廓是UI焦点的有用视觉反馈，并且值得替换另一个视觉提示来替换轮廓的丢失。 / p>

Answer 2

您可以使用

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

但是出于可访问性的原因，尝试向用户提供表单元素聚焦的一些指示。

Answer 3

我刚刚这样做了：

:focus { outline: none; }