84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
一开始我是在样式表中写input:focus{outline:none;}我用了bootstrap想可能是样式被覆盖了所以重新写input:focus{outline:none!important;}发现还是不行!求解
input:focus{outline:none;}
input:focus{outline:none!important;}
认证0级讲师
有可能是box-shadow,你把设置box-shadow:none试试
box-shadow
box-shadow:none
是不写在js文件里了?
参考我的专栏,你可以修改bootstrap源码或者查看它是怎么写的,写个一样的覆盖它
使用input:focus{outline:0 !important}
打开chrome的F12开发者工具栏,点击放大镜,把鼠标移到页面元素触发了focus的input上,观察开发者工具中,右边栏样式表中给input添加高亮边框规则的是来自哪个css文件的哪行语句,根据经验选择覆盖或删除。
*:focus {outline: none;}
是你bootstrap中这个标签的before搞的鬼,给before加一个outline: none;就可以了
亲测,可行 input:focus { border: 0;}
有可能是
box-shadow
,你把设置box-shadow:none
试试是不写在js文件里了?
参考我的专栏,你可以修改bootstrap源码或者查看它是怎么写的,写个一样的覆盖它
使用input:focus{outline:0 !important}
打开chrome的F12开发者工具栏,点击放大镜,把鼠标移到页面元素触发了focus的input上,观察开发者工具中,右边栏样式表中给input添加高亮边框规则的是来自哪个css文件的哪行语句,根据经验选择覆盖或删除。
*:focus {outline: none;}
是你bootstrap中这个标签的before搞的鬼,给before加一个outline: none;就可以了
亲测,可行 input:focus { border: 0;}