如何摆脱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;
}

但出于可访问性原因,尝试向用户提供表单元素集中的一些指示.