The More panel is currently the home of stray styles that don’t require a category of their own.
Pointer Events
pointer-events
pointer-events controls how (or if) an element responds to mouse/touch events — like clicks, hovers, or taps.
Values
auto(default) – The element responds to pointer events normally.none– The element ignores all pointer events (clicks, hovers, etc.). Events pass through to elements behind it.
Key Use Cases
- Disable interaction without hiding the element.
- Make decorative overlays ignore clicks, so clicks pass through to elements underneath.
- Useful for custom tooltips and overlays
Cursor
cursor
The cursor property controls what mouse cursor appears when hovering over the element.
Values
auto– Default cursor based on the element (text for text, pointer for links, etc.).inherit– Inherits the cursor style from the parent element.none– Hides the cursor completely.pointer– Hand cursor (usually for links, buttons, interactive elements).not-allowed– Circle with a line through it (indicates something is disabled).grab– Open hand (usually for draggable items).grabbing– Closed hand (used when actively dragging something).help– Question mark cursor (indicates additional help is available).
Fill and Stroke Color
fill and stroke
Set the Color of a SVG Fill or Stroke