IOS темно-серый ящик активного стиля

При касании ссылки или чего-либо с событием onclick в мобильном сафари над элементом появляется темно-серый квадрат. Что это называется и какой селектор CSS я могу использовать, чтобы избавиться от него.

Спасибо!

Ответы

Ответ 1

Это -webkit-tap-highlight-color. Вот немного дополнительной информации для вас:

http://css-infos.net/property/-webkit-tap-highlight-color

/* webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #aa0000; }

/* To set it to none use a totally transparent RGBA */
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0); }

Вы также можете просмотреть документы разработчика Safari Mobile, чтобы просмотреть поддерживаемые свойства CSS.