Как на мобильных версиях убрать синие рамки при клике?

Question

[Danya Wyse]

Накидал страницу https://iwyse.github.io/Caped/
на телефоне при клике по всему, синяя рамка - как ее убрать?

Answer 1

[Виктор Путин]

Свойство которое вам нужно - -webkit-tap-highlight-color: transparent;
https://developer.mozilla.org/en-US/docs/Web/CSS/-...

Но использовать стоит с умом. Отключать глобально без добавления кастомного состояния :active, думаю не стоит

Answer 2

[Pavstyuk]

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;

Попробуйте прописать это набор свойств для ссылок.

Comments

[Сергей delphinpro]

user-select - лишнее.

Answer 3

[Larisa Moroz]

outline: none;

ну или

outline-width: 0;
outline-color: transparent;
outline-style: none;