关于html:单击按钮时更改边框颜色

Changing border color when button is clicked

本问题已经有最佳答案,请猛点这里访问。

如果你点击按钮,你会看到一个蓝色的边界,这对我来说真的很烦人。你有什么办法可以让它消失/不出现吗?

1
2
3
4
5
button{
    color: aqua;
    background-color: transparent;
    border-radius: 20px;
}
1
<button>about</button>


这不是border,而是按钮的outline。您可以删除它,添加outline: none,但您应该考虑为使用键盘导航的用户添加一个替代选项。

1
2
3
4
5
6
button{
    color: aqua;
    background-color: transparent;
    border-radius: 20px;
    outline: none;
}
1
<button>about</button>