語法
指針事件pointer-events
Setting whether an element reacts to pointer events.
Overview
Class | Declarations |
---|---|
pointer-events:value | pointer-events: value;
|
pointer-events:auto | pointer-events: auto;
|
pointer-events:none | pointer-events: none;
|
pointer-events:visiblePainted | pointer-events: visiblePainted;
|
pointer-events:visibleFill | pointer-events: visibleFill;
|
pointer-events:visibleStroke | pointer-events: visibleStroke;
|
pointer-events:visible | pointer-events: visible;
|
pointer-events:painted | pointer-events: painted;
|
pointer-events:fill | pointer-events: fill;
|
pointer-events:stroke | pointer-events: stroke;
|
pointer-events:all | pointer-events: all;
|
pointer-events:bounding-box | pointer-events: bounding-box;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="pointer-events:auto:hover pointer-events:auto@sm pointer-events:auto@dark pointer-events:auto@print">…</div>