Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/github/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 反应选择可搜索下拉列表蓝色轮廓_Css_Reactjs_Sass_React Select - Fatal编程技术网

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;}