Свойство pointer-events

Свойство pointer-events позволяет убрать реакцию элемента на события мыши. Свойство принимает два значения. Значение none убирает реакцию, а значение auto заставляет элемент вести себя как обычно (значение по умолчанию).

Синтаксис

cssселектор {
  pointer-events: none | auto;
}

Пример

В следующем примере ссылка не будет реагировать на наведение курсором и на клик:

html<a href="http://google.com">ссылка</a>
cssa {
  pointer-events: none;
}

Результат:

Смотрите также

  • свойство user-select,
    которое запрещает выделение текста
  • псевдоэлемент selection,
    который управляет стилями выделенного текста