用CSS隐藏链接、按钮按下时讨厌的虚线框

注意:本文最后更新于 6年 前。

将以下内容添加到CSS中即可

a,input,button{
    outline: none !important;
    -webkit-appearance: none;
    border-radius: 0;
}
 
button::-moz-focus-inner,input::-moz-focus-inner{
    border-color:transparent !important;
}
 
:focus {
    border: none;
    outline: 0;
}

之后再点击链接、按钮,那烦人的虚线框就再也不会出来了。

作者:WuSiYu

学生,Web开发者,智能硬件&IOT爱好者

1条评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注