今天测试偶然发现一个问题,页面上的按钮每次点击时都会出现一个黄色的框,然后各种查看自己写的样式表,没有发现自己控制这个呀 ,后来在引入的bootstrap框架中发现了这样的代码:
.btn.active.focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn:active:focus, .btn:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
原来是引用的样式表中有设置,那只要把按钮的样式设置成
{
outline:none;
}
这样点击按钮时就不会出现黄色边框了。