Как убрать эффект появления синего фона при нажатии на ссылку или кнопку?

Question

[Ingernirated]

Всем привет!
При нажатии на ссылку или значок на планшете и телефоне появляется синий фон на момент нажатия.
Как от него избавиться?

Comments

[dollar]

Добавьте маленький пример кода, при котором появляется синий фон при нажатии.

[Александр AS]

Поставьте focus
Например:

a:focus {
color: red;
}

[Rustam Bainazarov]

dollar, да это в любом современном мобильном браузере. Нажмите, например, на любую кнопку или ссылку тут.

Answer 1

[Rustam Bainazarov]

* {
  -webkit-tap-highlight-color: transparent;
}

Можете вместо * использовать более точечный селектор.

Comments

[Ingernirated]

спасибо!

[Rustam Bainazarov]

Евгений Романенко, да из разных. Всё те же, что и обычно: CSS Tricks, StackOverflow да MDN.

Ввожу запросы поиска на английском и всегда в Google.

[Rustam Bainazarov]

Евгений Романенко, да, классика.

Ну и ещё забыл, что я смотрю, как сделаны крутые современные сайты с хорошим бюджетом, чтобы понять, как что работает. Там можно тоже увидеть внезапные примеры.