Как запретить подсветку блока при нажатии?

Question

[Onatsky]

Доброго времени суток!
Есть блок с такими свойствами:

#block {
width: 100px;
height: 100px;
position: relative;
}
#block:active {
top: 10px;
}

Если в мобильном браузере нажать на данный блок, то он полностью подсвечивается голубым цветом, якобы нажатие. От вопрос: как убрать эту подсветку? Пробовал прописать onselectstart="return false;" - не вышло. Прописывал свойство "user-select: none;" - тоже не помогло.

Помогите пожалуйста, как решить эту проблему? Нужно чтобы блок при нажатии не становился голубым. Заранее спасибо!)

Answer 1

[Антон]

Попробуйте
pointer-events: none

Comments

[Onatsky]

Но это свойство отключает hover и active. Проблему решило, но жертвуя другим.

Answer 2

[yumakaev]

Можно еще:
box-shadow: none;

Comments

[Onatsky]

Не оно.

Answer 3

[Pavstyuk]

-webkit-tap-highlight-color: transparent;