Удалить серый фон по ссылке, нажатой в ios safari/chrome/firefox

Когда вы щелкаете (касаетесь) ссылку в Safari (или Chrome или Firefox) для iOS, вы получаете серый фон за ссылкой (только когда вы удерживаете ее). Есть ли способ удалить эту функцию с помощью CSS?

Пожалуйста, смотрите пример изображения ниже:

enter image description here

Ответы

Ответ 1

Webkit обладает определенным свойством стиля: -webkit-tap-highlight-color.

Скопировано из: http://davidwalsh.name/mobile-highlight-color -

/* light blue at 80% opacity */
html {
    -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8);
}

/* change it for a div that has a similar background-color to the light blue tap color */
.blueDiv {
    -webkit-tap-highlight-color: rgba(251, 185, 250, 0.9);
}

Если вы хотите полностью удалить выделение -

.myButton {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}