Cursors for base appearance styles 🌟
Go back

Cursors for base appearance styles 🌟

The CSSWG resolved to use default cursors (pointer, grab, not-allowed, default) for interactive form controls styled with appearance: base.

Cursors for base appearance styles 🌟

The CSS Working Group (CSSWG) has settled the long-running debate over whether interactive form elements besides regular links should get cursor: pointer. Spoiler: they should.

For form controls with appearance: base, the rule is straightforward: pointer means “click me”.

How default cursors will be assigned:

  • pointer — goes to most interactive controls: buttons, <select>, options, checkboxes, radio buttons, and color pickers.
  • grab — goes to range sliders.
  • not-allowed — used for disabled elements.
  • default — used for readonly elements.
Copied