0
点赞
收藏
分享

微信扫一扫

button 黑边问题


黑边问题如上图,active状态下才有,很难看。
查看源码发现设置了outlinebox-shadow 阴影。


去掉即可:

.btn:active,
.btn.active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 0;
    box-shadow:none;
}
知识点:彻底弄懂 outline border box-shadow






由于outline-offset 属性的存在,outlineborderoutlinebox-shadow均有可能重叠。

举报

相关推荐

0 条评论