pointer-events: none;
previne que qualquer ação do ponteiro do mouse (pointer) sobre o elemento especificado (como clicar, arrastar, hover etc..). O valor natural de pointer-events
é auto
.
Valor inherit
: não justifica-se muito seu uso. Quando você especifica pointer-events: none;
(ou auto
) a um elemento, todos os elementos-filhos já herdam tal valor.
Exemplo:
<div style="pointer-events: none;">
<!-- não fez sentido usar inherit no elemento abaixo,
já que ele herda automaticamente o none da div-pai -->
<a href="" style="pointer-events: inherit;">Link</a>
<br />
<p>Texto</p>
</div>
Existem outros valores para pointer-events
, mas só aplicam-se a SVG (gráficos vetoriais escaláveis):
visiblePainted
visibleFill
visibleStroke
visible
painted
fill
stroke
all
Para detalhes dessas especificações, você pode consultar uma documentação no MDN.