Mauszeiger wechseln
Cascading Style Sheets Mauszeiger wechseln
Mit CSS lassen sich in neueren Browsern die Cursor auswechseln. Leider sehen die Browser das Ganze zum Teil extrem unterschiedlich. IE 6 bietet die Möglichkeit, eigene Cursor im Browser anzuzeigen. Für systemübergreifendes Webdesign sind aber nur Standards zu wählen. Safari unterstützt dies im Moment noch gar nicht. 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.
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.
Mehr Informationen zum Thema:
- Cascading Style Sheets vererbung Cascade Stylesheet bietet eine weitere wichtige Eigenschaft, die Cascade (stufenförmiger Wasserfall; wasserfallähnliches Feuerwerk; Anordnung von hintereinander geschalteten Bauteilen). Sie beschreibt, in welcher Reihenfolge Style-Angaben überschrieben werden. Die Regeln werden in...