cursor bestimmt die Form des Mauszeigers über einem Element. Sie ist eine Aussage darüber, was sich hier tun lässt.
- cursor
Eigenschaft, die bestimmt, welche Zeigerform über einem Element erscheint.
Beispiel: „Der cursor ist eine Aussage darüber, was an dieser Stelle möglich ist.“
Die gebräuchlichen Werte
button { cursor: pointer; }
button[disabled] { cursor: not-allowed; }
.karte--ziehbar { cursor: grab; }
.karte--ziehbar:active { cursor: grabbing; }
.laedt { cursor: wait; }pointer für Klickbares, not-allowed für Gesperrtes, grab und grabbing für Verschiebbares, wait für laufende Vorgänge, text über Text. Browser setzen die passende Form von sich aus, wo sie es wissen.
Die Diskussion um Knöpfe
Links bekommen die Hand von sich aus, Knöpfe nicht. Ob man sie ihnen geben sollte, wird seit Jahren diskutiert: Dagegen spricht die Konvention aus Desktop-Anwendungen, dafür die Erwartung heutiger Nutzer. In der Praxis setzen die meisten Projekte cursor: pointer auf Knöpfe, und das ist vertretbar.