去除bootstrap中按钮的蓝色边框
使用bootstrap框架时的同学可能都会遇到,其中的按钮组件在点击选中时候,会显示一圈蓝色的边框,和自己本身网站的风格十分不搭,应该怎么去掉呢。
通过css:focus
伪类添加样式即可去除
.btn:focus{
outline:0!important;
-webkit-box-shadow:none!important;
box-shadow:none!important
}
另外包括a
input
select
textarea
等标签都可以通过修改:focus
去除蓝色边框
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论此文章
已有0人参与了评论