Webmacher-FAQ

 


CSS - über einem Link den Mauszeiger ändern

Bewertung: 3 / 5

Stern aktivStern aktivStern aktivStern inaktivStern inaktiv
 

Skill 2 Skill 2

Wenn Sie möchten, dass sich der Mauszeiger über einem Link auf Ihrer Website ändert, ist dies einfach mit CSS zu realisieren:

Fügen Sie einfach im <head>-Bereich der betroffenen Seite folgenden Code ein:

 a.extralink { cursor: pointer }

 

 

 

 

 

Einen Link im <body>-Bereich Ihrer Seite müssen Sie dann nur noch mit der ensprechenden Klasse ergänzen. Also in unserem Fall z.B.:

 Ein Link





Folgende Zeigerformen sind verfügbar:

  • normaler Mauszeiger
    default
  • Hand
    auto
  • Textzeiger
    text
  • Zeiger
    pointer
  • Sanduhr
    wait
  • Fragezeichenzeiger
    help
  • Pfeil in Richtung Norden
    n-resize
  • Fadenkreuz
    crosshair
  • Kreuz mit Pfeilen
    move
  • Pfeil in Richtung Nord-Osten
    ne-resize
  • Pfeil in Richtung Osten
    e-resize
  • Pfeil in Richtung Süd-Osten
    se-resize
  • Pfeil in Richtung Süden
    s-resize
  • Pfeil in Richtung Süd-Westen
    sw-resize
  • Pfeil in Richtung Westen
    w-resize
  • Pfeil in Richtung Nord-Westen
    nw-resize

Drucken

Kommentar schreiben

Sicherheitscode
Aktualisieren

Das könnte sie auch interessieren: