去掉 Edge 浏览器中按钮点击时的黑边框

更新日期: 2020-03-30 阅读次数: 672 字数: 149 分类: Browser

之前在 Chrome 中没注意按钮点击时的效果,但是到了 Edge 浏览器中异常明显。会看到一个非常扎眼的黑边框。

未点击前的按钮样式:

去掉 Edge 浏览器中按钮点击时的黑边框

Edge 中点击之后的按钮样式:

去掉 Edge 浏览器中按钮点击时的黑边框

而 Chrome 中的边框就相对柔和很多:

去掉 Edge 浏览器中按钮点击时的黑边框

删除黑边框的方法

按钮 CSS 中加入:

outline: none;

爱评论不评论

近期节日

2020年06月11日 中国人口日
2020年06月20日 世界难民日
2020年06月21日 父亲节
2020年06月21日 夏至
2020年06月22日 中国儿童慈善活动日
2020年06月23日 国际奥林匹克日
2020年06月25日 全国土地日
2020年06月25日 端午节
2020年06月26日 国际禁毒日
2020年06月30日 世界青年联欢节
2020年07月01日 中国共产党诞生日
2020年07月01日 香港回归日
查看更多节日