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

Question

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

Эдуард Лисин Знаток (379), на голосовании 1 месяц назад

стоит глобальный
a:hover{
color: var(--color-gray); },

в адаптиве

 @media(max-width:1024px){
    a:active{
      color: var(--color-gray);
      background-color: aqua;
      outline: none;
} }

но на мобильном если не убрать hover, ссылка после нажатия остается в фокусе цвета. (если hover из глобальных убираю, то выделения после нажатия нет и все работает как надо) как сделать так что бы при ширине меньше 1024, hover не оставлял ссылки в фокусе?

Дополнен 2 месяца назад

решение в css
@media(hover:hover){
a:hover{
color: var(--color-gray); /* сделал ховер активным только в декстоп версии*/
}

Answer 1

Зоркий Сокол Гуру (2833) 2 месяца назад

text-decoration: none;