Css 反应选择可搜索下拉列表蓝色轮廓
选择;当下拉列表可搜索时,光标周围有一个蓝色轮廓: 我可以使用以下方法来摆脱光标:Css 反应选择可搜索下拉列表蓝色轮廓,css,reactjs,sass,react-select,Css,Reactjs,Sass,React Select,选择;当下拉列表可搜索时,光标周围有一个蓝色轮廓: 我可以使用以下方法来摆脱光标: .Select-input > input { color: transparent; } 我怎样才能摆脱焦点上的蓝色轮廓呢 谢谢 mihai您是正确的,outline:0或outline:none将在聚焦元素时删除蓝色轮廓 这是来自浏览器的默认样式表。每个浏览器都以某种方式实现该焦点状态指示器 我要提醒您注意,焦点指示对于可访问性很重要。如果删除了默认样式,最好将其替换为显示元素已聚焦的其
.Select-input > input {
color: transparent;
}
我怎样才能摆脱焦点上的蓝色轮廓呢
谢谢
mihai您是正确的,
outline:0
或outline:none
将在聚焦元素时删除蓝色轮廓
这是来自浏览器的默认样式表。每个浏览器都以某种方式实现该焦点状态指示器
我要提醒您注意,焦点指示对于可访问性很重要。如果删除了默认样式,最好将其替换为显示元素已聚焦的其他视觉指示器。如果没有这种改变,如果有人使用键盘或其他可能的非传统访问方式,网站几乎不可能被浏览
来自html5规范--
“…如果没有提供替代的对焦方式,则对于主要使用键盘浏览页面的人,或使用对焦轮廓帮助他们浏览页面的视力下降的人,页面的可用性将显著降低。”
进一步阅读:oops,我想我找到了修复程序,但如果其他人有更好的深层嵌套修复程序,请发布。现在,这是可行的:。选择输入*{outline:0;}