How to get rid of text box selection highlight on Chrome/Safari?
本问题已经有最佳答案,请猛点这里访问。
使用Chrome或Safari时,
以下CSS通常删除默认的突出显示边框:
1 | input:focus {outline: none; } |
号
值得记住的是,对于那些不使用鼠标的用户(例如,键盘导航),大纲是一个有用的视觉反馈,并且值得用另一个视觉提示来替换大纲的丢失。
你可以用
1 2 3 | input:focus, textarea:focus { outline: 0; } |
但出于可访问性的原因,请尝试向用户提供一些指示,说明表单元素是集中的。
我只是这样做:
1 | :focus { outline: none; } |