html - 删除 css 中的 a href 链接边框

Question

<a href='...'><input type='button'></a>

我点击时有<a>链接，它出现边框。怎么去掉周围的边框

我试过 style='border: none;'了，但它不起作用

Answer 1

outline从以下位置删除元素:focus：

a:focus {
    outline:none;
}

但是，出于可访问性的原因，您需要添加一些内容，以清楚地显示此链接何时被聚焦。否则，一些用户将难以在您的网站上导航。

Answer 2

利用outline:none;

例如，

a:focus{outline:none;}

希望这可以帮助。