单击按钮时更改边框颜色[重复]

Question

如果你点击按钮，你会看到一个蓝色的边框，这对我来说真的很烦人。你有什么解决办法让它消失/根本不出现吗？

button{
    color: aqua;
    background-color: transparent;
    border-radius: 20px;
}

<button>about</button>

Answer 1

这不是border，而是按钮的outline。您可以在其中添加outline: none 来删除它，但您应该考虑为使用键盘导航的人添加一个替代方案。

button{
    color: aqua;
    background-color: transparent;
    border-radius: 20px;
    outline: none;
}

<button>about</button>