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

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

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

未点击前的按钮样式:

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

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

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

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

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

删除黑边框的方法

按钮 CSS 中加入:

outline: none;

tags: Edge 浏览器

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式