使用bootstrap框架时的同学可能都会遇到,其中的按钮组件在点击选中时候,会显示一圈蓝色的边框,和自己本身网站的风格十分不搭,应该怎么去掉呢。
通过css:focus
伪类添加样式即可去除
.btn:focus{ outline:0!important; -webkit-box-shadow:none!important; box-shadow:none!important }
另外包括a
input
select
textarea
等标签都可以通过修改:focus
去除蓝色边框