css控制Button 按钮的点击时候出现蓝色边框的问题，添加css属性，这样在点击安按钮的时候就不会有蓝色边框了。

解决办法：  

button{
   outline:none;
}

但是button在chrome浏览器下被点击时也会出现边框，即使当时在button上添加{outline:none;}也无法解决问题。那么谷歌浏览器中button按钮的边框如何去除呢？

解决办法：

buton{
    outline:0;
}

对于outline的使用，一般都是在reset样式表中直接重置：

* {
   outline: none;
}
:focus,input::-moz-focus-inner, button::-moz-focus-inner{
    outline: 0;
}

其中input::-moz-focus-inner, button::-moz-focus-inner是为了解决火狐下依旧出现虚线框的兼容问题。

链接: https://fly63.com/article/detial/3858