0

试图在我的页面顶部有一个按钮，可以滚动到同一页面上的一篇文章。当它被点击时，按钮周围有一个不需要的蓝色方块。

我尝试了很多组合：visited with outline: none; 和文字装饰：无；

谁能告诉我正确的方法我可以从中删除蓝线吗

<a href="#article1" class="page-scroll">
  <button class="btn btn-heading btn-lg">
    <span class="fa fa-chevron-down"></span>
    <span class="fa fa-chevron-down"></span>
    <span class="fa fa-chevron-down"></span>
  </button>
</a>
4

1 回答 1

0

您可以在如下标记处使用“大纲：无”；

.page-scroll:active, .page-scroll:focus{
    outline:none !important;
}

如果以上不起作用。你可以像下面这样使用；

.btn{outline:none !important;}

但是，如果您这样做，就会失去 Web 可访问性。a 标签不能用 tab 键聚焦。所以我希望大纲可以留在那里。

我使用 !important 的原因。我认为您的 CSS 被另一个 CSS 覆盖。请使用 Chrome 开发者工具检查元素。

于 2016-10-25T02:50:47.333 回答