css去掉button点击后的蓝框

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://shenqiku.cn/article/FLY_3858