去除bootstrap中按钮的蓝色边框

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

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

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

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

相关推荐

评论此文章

已有0人参与了评论