Не работает hover с pointer-events: none

pointer-events: none

Мне необходим для того, чтобы элемент не выделялся цветом при клике. Но так же перестает работать hover.

Вопрос в том, как сделать так, чтоб и pointer-events: none был выставлен и hover работал?

введите сюда описание изображения


Ответы (1 шт):

Автор решения: De.Minov

На скриншоте больше похоже на выделение текста, чтобы его отключить есть правило user-select: none;

p > span {
  color: green;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: text;
}

p > span:hover {
  color: blue;
}
<p>Текст можно выделять, <span>кроме этой части</span></p>

→ Ссылка