: посещенное текстовое оформление не работает должным образом

Question

Пытаюсь иметь кнопку вверху моей страницы, которая прокручивает статью на той же странице. при ее нажатии появляется нежелательный синий квадрат вокруг кнопки.

я пробовал так много комбинаций: посетил с контуром: нет; и текстовое оформление: нет;

Может кто-нибудь сказать мне, как правильно я могу удалить синюю линию из этого, пожалуйста

<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

Вы можете использовать 'outline: none' в теге, как показано ниже;

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

если выше не работает. Вы можете использовать как ниже;

.btn{outline:none !important;}

Но если вам это нравится, доступ к Интернету теряется. Тег не может быть сфокусирован с помощью клавиши табуляции. Поэтому я надеюсь, что наброски могут остаться там.

Причина, почему я использовал! Важно. Я думаю, что ваш CSS перекрывается с другим CSS. Пожалуйста, проверьте элемент с помощью инструментов разработчика Chrome.