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


How to get rid of text box selection highlight on Chrome/Safari?

本问题已经有最佳答案，请猛点这里访问。

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

相关讨论

以下CSS通常删除默认的突出显示边框：

1
input:focus {outline: none; }

号

值得记住的是，对于那些不使用鼠标的用户(例如，键盘导航)，大纲是一个有用的视觉反馈，并且值得用另一个视觉提示来替换大纲的丢失。

相关讨论

你可以用

1
2
3
input:focus, textarea:focus {
    outline: 0;
}

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

相关讨论

我只是这样做：

1
:focus { outline: none; }