: посещение текстового оформления не работает по желанию

Question

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

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

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

<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

Вы не можете использовать «наброски: ни один» в теге, как показано ниже;

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

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

.btn{outline:none !important;} 

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

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