@wakenby

Как убрать эффект cursor:pointer на телефоне?

Прописываю:

.div-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 292px;
  height: 56px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.02em;
  cursor: pointer; // Прописываю курсор
  background: #fd3b3b;
}


И на пк все работает шикарно, курсор при наведении меняется, но на телефоне и в адаптивном просмотре в браузере появляется странное выделение кнопки при клике:

607ad3c8a7494404280243.png

Т.е кнопка при клике выделяется белым, так происходит на телефоне и в адаптивном просмотре в браузере. Если убрать cursor: pointer; то становиться все нормально.

Так-же заметил что все блоки у которых установлен cursor: pointer; выделяются белым:

607ad45f06fc6516491505.png

Как можно избавиться от такого поведения?
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
notiv-nt
@notiv-nt
Как ваше ничего? Да, моё тоже
-webkit-tap-highlight-color: transparent;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы