需求背景
在使用bootstrap前端框架时候,google浏览器中的input输入框, select, button, a标签等都出现了鼠标按下有个黑色的边框。
错误的效果如下
解决方法
1、把所有加载引用的css中的outline的样式注释掉或者删除。
2、 增加以下样式。
input[type="select"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="image"],
input[type="hidden"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="text"],
input[type="button"],
input[type="file"],
input[type="radio"],
input[type="checkbox"],
a, div, span, p, label, select, option, .option, .form-control, .btn {
outl