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

作者:

时效性提醒:本文首次编写发布于11 年前。

将以下内容添加到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;
}

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

评论

一条对“用CSS隐藏链接、按钮按下时讨厌的虚线框”的回复

  1. yameimei 的头像

    拜读一下,哈哈

发表回复

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