0

同じページの記事にスクロールするボタンをページの上部に配置しようとしています。クリックすると、ボタンの周りに不要な青い四角が表示されます。

:visited with Outline: none; の非常に多くの組み合わせを試しました。および 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>
4

1 に答える 1

0

以下のようなタグで「outline: none」を使用できます。

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

上記が機能しない場合。以下のように使用できます。

.btn{outline:none !important;}

しかし、これを行うと、Web アクセシビリティが失われます。a タグはタブキーでフォーカスできません。なので、あらすじはそのままでいいと思います。

!重要を使用した理由。あなたの CSS は別の CSS からオーバーライドされていると思います。Chrome デベロッパー ツールで要素を確認してください。

于 2016-10-25T02:50:47.333 に答える