CSS – über einem Link den Mauszeiger ändern

Coding

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

Sascha

Hauptberuflich "Technologietreiber für Onlinezeugs" in einem Großkonzern. Interessiert an Technik im Allgemeinen, je abgedrehter, umso besser. Neben Familie, Hund und Beruf hat er trotzdem noch Spaß daran Sachen aufzuschreiben, die einem tagsüber so begegnen (manchmal auch nachts ;)).

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.