CSS - 删除输入字段活动突出显示

Question

仅使用html和css,如何禁用活动输入字段周围的蓝色(在Firefox中)突出显示颜色.我尝试过使用input {outline:none;}但没有成功.谢谢您的帮助!=)

好吧,忽略前面关于大纲的代码,我选择了错误的属性来改变.我想要的是简单地删除活动表单输入字段周围的突出显示(无论浏览器,它出现的粗体和彩色边框),而无需更改或禁用样式.谢谢=)

Answer 1

你必须使用:焦点声明.在这种情况下:

input:focus {outline:none;}

项目中的所有输入都没有蓝色边框.

如果您需要特定属性,请使用以下命令:

input[type=text]:focus {outline:none;}

希望能帮助到你.=)

Answer 2

看到这个小提琴.

看来你必须设置一些border属性才能outline: none工作.如果在border指令中发表评论,则轮廓消失.

Answer 3

input {border:0; outline:none;}

应删除所有边框/轮廓.

Answer 4

答案比我更简单:

box-shadow:none;