Hoe verander je de cursor op een webpagina?

Eigenschap cursor in CSS.

Je kunt vooraf gedefinieerde waarden gebruiken:

• auto: De cursor wordt bepaald door de context.
• default: Standaard pijl (standaardwaarde).
• pointer: Cursor in de vorm van een hand (zoals een link).
• text: Cursor in de vorm van een I-vinger (voor tekst).
• wait: Wachtindicator.
• help: Cursor in de vorm van een vraagteken.

.element {
  cursor: pointer; /* Handcursor */
}

Je kunt ook eigen afbeeldingen gebruiken:

.element {
  cursor: url('path/to/image.cur'), auto; /* Eigen cursor met fallback auto */
}

Het wordt aanbevolen om de formaten .cur of .svg te gebruiken voor afbeeldingen en ook een fallback-waarde op te geven.