css控按钮的点击时候出现边框

今天测试偶然发现一个问题，页面上的按钮每次点击时都会出现一个黄色的框，然后各种查看自己写的样式表，没有发现自己控制这个呀 ，后来在引入的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：none；

}

这样点击按钮时就不会出现黄色边框了。