Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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 选中时从HTML文本输入中删除蓝色光晕_Css_Input - Fatal编程技术网

Css 选中时从HTML文本输入中删除蓝色光晕

Css 选中时从HTML文本输入中删除蓝色光晕,css,input,Css,Input,如何使用纯CSS删除选定文本输入框周围的蓝色光晕?这应该可以做到: input:focus { outline:none; } 编辑(2015):如果您是为广大受众设计的,请记住,对于通过键盘导航或需要更明显视觉反馈的用户来说,大纲通常是一项关键的辅助功能。如果删除轮廓,请确保定义一个可供选择的焦点状态,为用户提供适当的视觉反馈。我更喜欢漂亮的实心重置,如: input, textarea, select, a { outline: none; } 锚定标签上的大纲“无”可以防止在许

如何使用纯CSS删除选定文本输入框周围的蓝色光晕?

这应该可以做到:

input:focus {
    outline:none;
}

编辑(2015):如果您是为广大受众设计的,请记住,对于通过键盘导航或需要更明显视觉反馈的用户来说,大纲通常是一项关键的辅助功能。如果删除轮廓,请确保定义一个可供选择的焦点状态,为用户提供适当的视觉反馈。

我更喜欢漂亮的实心重置,如:

input, textarea, select, a { outline: none; }

锚定标签上的大纲“无”可以防止在许多Android浏览器上出现可怕的焦点大纲。

实际上,在Google Chrome中,它是橙色的。只是说;)@wecsam:一开始我真的很困惑,因为我太习惯Chrome的橙色轮廓了只允许在焦点上使用输入线。我也喜欢这一种。而且,
select:focus
似乎对我不起作用。我认为这样做一点问题都没有。
:焦点
是不必要的显式。我需要添加
!重要信息
让它对我有效。有时框阴影:不需要,在Chrome
45.0.2454.101 m版
:(由于浏览器的限制,选择>选项属性大纲由阴影DOM处理。您可以尝试[此]()jQuery插件