button 黑边问题
黑边问题如上图,
active
状态下才有,很难看。查看源码发现设置了
outline
和box-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
属性的存在,outline
和border
,outline
和 box-shadow
均有可能重叠。
发表评论 (审核通过后显示评论):