bootstrap和bootstrap-select去除蓝色边框outline

/*bootstrap outline设置*/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
　　outline: thin dotted;
　　outline: 5px auto -webkit-focus-ring-color;
　　outline-offset: -2px;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
　　outline: thin dotted;
　　outline: 5px auto -webkit-focus-ring-color;
　　outline-offset: -2px;
}
a:focus {
　　outline: thin dotted;
　　outline: 5px auto -webkit-focus-ring-color;
　　outline-offset: -2px;
}
/*bootstrap-select outline设置*/
.bootstrap-select .dropdown-toggle:focus {
　　outline: thin dotted #333333 !important;
　　outline: 5px auto -webkit-focus-ring-color !important;
　　outline-offset: -2px;
}

bootstrap清除outline

.btn.active.focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn:active:focus, .btn:focus {
　　outline:0;
}

bootstrap-select清除outline

/*去除选择框的outline*/
.bootstrap-select .dropdown-toggle:focus{outline:none !important;}
/*去除选项的outline*/
a:focus {outline:none !important;}

 

转载于:https://www.cnblogs.com/mengff/p/5660097.html