前端 - 聚焦在input框上时产生的发光轮廓怎么去掉？

Question

一开始我是在样式表中写input:focus{outline:none;}我用了bootstrap想可能是样式被覆盖了所以重新写input:focus{outline:none!important;}发现还是不行！求解

Answer 1

有可能是box-shadow，你把设置box-shadow:none试试

Answer 2

是不写在js文件里了?

Answer 3

参考我的专栏，你可以修改bootstrap源码或者查看它是怎么写的，写个一样的覆盖它

Answer 4

使用input:focus{outline:0 !important}

Answer 5

打开chrome的F12开发者工具栏，点击放大镜，把鼠标移到页面元素触发了focus的input上，观察开发者工具中，右边栏样式表中给input添加高亮边框规则的是来自哪个css文件的哪行语句，根据经验选择覆盖或删除。

Answer 6

*:focus {outline: none;}

Answer 7

是你bootstrap中这个标签的before搞的鬼，给before加一个outline: none;就可以了

Answer 8

亲测，可行 input:focus { border: 0;}