pointer-events
The CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content.
In addition to indicating that the element is not the target of mouse events, the value none instructs the mouse event to go “through” the element and target whatever is “underneath” that element instead.
Example
<html>
<head>
<style>
p {
pointer-events: none;
}
</style>
</head>
<body>
<p>
The quick brown red fox jumps over the lazy dog
</p>
</body>
</html>
In the above example pointer will not change to I when you hover over text. Generally it is .
