Mit dem CSS-Selektor cursor
kann man das Aussehen des Mauszeigers verändern.
Bewege die Maus über die folgenden Boxen.
Achtung: Wenn ich es recht verstehe, darf ein png-Bild als Maus-Cursor maximal 124x124 Pixel gross sein. Eventuell muss man also ein gewünschtes Bild reskalieren.
Im CSS-File ist ein sogenannter Fallback erfordlich, hier das auto
(für "automatic") in
cursor: url(ksbg-logo.png), auto;
.
Dieser gibt die Gestalt des Mauszeigers an, wenn das Bild nicht gefunden wird.
Andere Mauszeiger werden hier illustriert.
Standardmässig ist die Mausposition die linke obere Ecke des Bildes.
Man kann dies durch zwei Koordinaten im CSS-File veändern.
cursor: url(mein-cursor.png) 64 14, auto;
Dieser Code wird für die folgende Box verwendet. Die halben Abmessungen des Bildes (124 x 27 Pixel) sorgen dafür, dass die Mausposition im Zentrum des Bildes ist.