Question

尝试在页面顶部设置一个按钮，滚动到同一页面上的文章。当它点击时，按钮周围有一个不需要的蓝色方块。

香港专业教育学院尝试过如此多的组合：访问大纲：无;和text-decoration：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>

Answer 1

你可以使用＆＃39; outline：none＆＃39;在下面的标签;

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

如果上述情况不起作用。你可以使用如下;

.btn{outline:none !important;}

但如果你这样做，网络可访问性就会丢失。 a标签无法使用Tab键进行聚焦。所以我希望大纲可以留在那里。

我之所以使用！重要。我认为你的CSS被另一个CSS覆盖了。请使用Chrome开发者工具检查该元素。

：访问过的文字装饰无法正常工作

1 个答案: