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

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

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

未点击前的按钮样式:

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

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

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

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

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

删除黑边框的方法

按钮 CSS 中加入:

outline: none;

微信关注我哦 👍

大象工具微信公众号

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

tags: Edge 浏览器

谈笑风生

麦兜

按钮CSS在哪里呢,没有找到,还请帮忙再指导下,我也出现在了此类问题