: texte-décoration visité ne fonctionne pas comme souhaité

Question

en essayant d'avoir un bouton en haut de ma page qui fait défiler un article sur la même page. quand il est cliqué il y a un carré bleu non désiré autour du bouton.

ive essayé autant de combinaisons de: visité avec contour: aucun; et text-decoration: aucun;

quelqu'un peut me dire la bonne façon je peux supprimer la ligne en bleu de cette s'il vous plaît

<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

Vous pouvez utiliser « outline: none » à une balise comme ci-dessous;

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

si le point ci-dessus ne fonctionne pas. vous pouvez utiliser comme ci-dessous; Mais si vous aimez cela, l'accessibilité du Web est perdue. Le tag a ne peut pas être focalisé avec une touche de tabulation. J'espère donc que les grandes lignes pourront rester ici.

La raison pour laquelle j'ai utilisé! Important. Je pense que votre CSS est remplacé par un autre CSS. Veuillez vérifier l'élément avec les outils de développement Chrome.