单击按钮时更改边框颜色

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>