去除bootstrap中按钮的蓝色边框

使用bootstrap框架时的同学可能都会遇到,其中的按钮组件在点击选中时候,会显示一圈蓝色的边框,和自己本身网站的风格十分不搭,应该怎么去掉呢。

通过css:focus伪类添加样式即可去除

.btn:focus{ 
    outline:0!important; 
    -webkit-box-shadow:none!important; 
    box-shadow:none!important 
}

另外包括a input select textarea等标签都可以通过修改:focus去除蓝色边框

本文由:小天丶 发布于 小菜的IT网,转载请注明出处:https://www.xiaocaiit.cn/543.html

相关推荐

评论此文章

已有0人参与了评论