CSS-Cursor
Mit der CSS-Eigenschaft <cursor> können wir steuern, wie der Mauszeiger über einem bestimmten Element angezeigt wird. Dies ist nicht nur ein visuelles Signal, sondern auch ein wichtiges Feedback für den Benutzer, wie das Element funktioniert.
Grundlagen der Eigenschaft cursor
Die Eigenschaft <cursor> legt fest, in welches Symbol der Mauszeiger über einem Element wechselt. Zum Beispiel ist der <pointer>-Cursor bei Links und Buttons üblich, da er die Klickbarkeit verdeutlicht.
Einfache Beispiele
Die Eigenschaft cursor kann direkt in CSS oder im Inline-Stil verwendet werden. Hier sind einige häufige Beispiele:
Häufige Cursortypen
Zu den wichtigsten Cursortypen gehören default, pointer, text, wait, help und move. Jeder bietet eine andere Benutzererfahrung.
Alapértelmezett kurzor
Kattintható elem
Szöveg kijelölés
Folyamatban lévő művelet
Súgó vagy információ
Mozgatás jelzése
Tipps zur Verwendung des Cursors
Die richtige Verwendung des Cursors verbessert die Benutzererfahrung erheblich, insbesondere bei interaktiven Elementen.
- Verwende immer den Pointer-Cursor für klickbare Buttons und Links.
- Vermeide zu viele spezielle Cursortypen, da diese störend wirken können.
- Teste die Cursoreinstellungen in verschiedenen Browsern, da es Unterschiede in der Darstellung geben kann.
✨ Frag Lara — deine KI-Lernpartnerin
Entsperre personalisierte Lernunterstützung. Lara kann Lektionen erklären, Themen zusammenfassen und deine Lernfragen beantworten — verfügbar ab dem Go-Tarif.
Lara hilft dir, schneller zu lernen — exklusiv für ReadyTools Go-, Plus- und Max-Mitglieder.
