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

标签 css

<分区>

使用 Chrome 或 Safari 时,事件文本框文本区域将在框周围显示蓝色/橙色边框。我已经看到一些网站摆脱了这一点,但我已经复制了他们的 CSS 并且它仍然存在。我该怎么做?

最佳答案

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

input:focus {outline: none; }

值得记住的是,对于那些不使用鼠标(例如键盘导航)的用户来说,轮廓是对 UI 焦点的有用视觉反馈,值得用另一个视觉提示来替代轮廓的丢失。

关于css - 如何摆脱 Chrome/Safari 上的文本框选择突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3779577/

相关文章:

html - 按钮 - onclick - 请求直接转到链接不起作用

html - SCSS Transitions 上的文本重叠

javascript - JQuery:语法帮助

HTML 验证产生错误

html - :hover border not working, 边框出现在图像下方的空白处?

html 将 2 列合并为 1,宽度为 100% bootstrap 2

html - 在 html 中单击之前如何使视频播放没有声音?

html - 样式化 html 标签是不好的做法吗?

html - 顶部 :50% wont work in IE

javascript - 如何使用 jquery 和 css 隐藏和显示边栏?