як видалити пунктирну лінію навколо натиснутого елемента в HTML

Я виявив, що якщо на сторінці є aпосилання, яке не посилається на нову сторінку, то, коли користувач натисне на неї, навколо елемента з’явиться пунктирна лінія, вона зникне лише тоді, коли користувач натисне що-небудь ще на сторінці, як щоб видалити це?

Приклад:

Зверніть увагу на пунктирну лінію навколо елемента Section 2.

Використовувати outline:noneдля прив’язки класу тегів

Як сказав @Lo Juego, прочитайте статтю

a, a:active, a:focus {
   outline: none;
}

a {
    outline: 0;
  }

Але прочитайте це, перш ніж змінити:

видалення-пунктир-контур

Спробуйте з !importantв css.

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!

Щоб видалити всі пунктирні контури, у тому числі bootstrapтеми.

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

Примітка: перед основним css слід додати href-посилання для css bootstrap, щоб завантажувальний пристрій не змінив ваш стиль.

Видалення outlineшкодить доступності веб-сайту. Тому я просто залишаю його там, але роблю його невидимим.

a {
   outline: transparent;
}

У моєму випадку це була кнопка, і, мабуть, з кнопками це лише проблема у Firefox. Тут знайдено рішення :

button::-moz-focus-inner {
  border: 0;
}

Його простий спробу нижче коду -

a{
outline: medium none !important;
}

Якщо щасливі ура! Хороший день