Mauszeiger wechseln

Mit CSS lassen sich im Browsern die Cursor (Mauszeiger) auswechseln. Um den Mauszeiger zu ändern, genügt eine einfache Style-Angabe, die nicht nur auf Links, sondern auch auf Text oder Bilder angewendet werden kann.

HILFE HILFE

.hilfe{ 
cursor: help;
padding: 20px;
border: 1px solid #ff6677;
} 
<p class="hilfe">Hilfe kommt</p>

BITTE HIER WARTEN

.wait{ 
cursor: wait;
padding: 20px;
border: 1px solid #ff6677;
} 
<p class="wait">BITTE HIER WARTEN</p>

 Hier kommt ein Fadenkreuz

.crosshair{ 
cursor: wait;
padding: 20px;
border: 1px solid #ff6677;
} 
<p class="crosshair">Hier kommt ein Fadenkreuz</p>

Move me

.move{ 
cursor: wait;
padding: 20px;
border: 1px solid #ff6677;
} 
<p class="hilfe"> Move me</p>

WERTE

cursor: auto = Normaleinstellung
cursor: default = Plattformunabhängiger Standard-Cursor
cursor: pointer = Cursor in Form eines Zeigers
cursor: crosshair = Fadenkreuz
cursor: hand = Hand
cursor: move = Kreuz zum Bewegen von Elementen
cursor: e-resize = Pfeil, der nach rechts [e = Osten] zeigt
cursor: ne -resize = Pfeil, der nach rechts oben [ne = Nordost] zeigt
cursor: nw-resize = Pfeil, der nach links oben [n = Nordwest] zeigt
cursor: n-resize = Pfeil, der nach oben [n = Norden] zeigt
cursor: se-resize = Pfeil, der nach rechts unten [se = Südost] zeigt
cursor: sw-resize = Pfeil, der nach links unten [sw = Südwest] zeigt
cursor: s-resize = Pfeil, der nach unten [s = Süden] zeigt
cursor: w-resize = Pfeil, der nach links [w = Westen] zeigt
cursor: text = Texteingabe
cursor: wait = Wartezustand / Uhr oder Sanduhr
cursor: help = Pfeil und Fragezeichen für Hilfe
cursor: url = *.ico *.gif *.jpg können als Variante angezeigt werden.

Diese Angabe sollte wohl überlegt eingesetzt werden. Ansonsten kann dies den User sehr verwirren.