Cursor - CSS-Tricks | CSS-Almanach 2025

Die cursorEigenschaft in CSS steuert, wie der Mauszeiger aussehen wird, wenn er sich über dem Element befindet, in dem diese Eigenschaft festgelegt ist. Offensichtlich ist es nur in Browsern / Betriebssystemen relevant, in denen sich Maus und Cursor befinden. Sie werden im Wesentlichen für UX verwendet, um die Idee bestimmter Funktionen zu vermitteln. Versuchen Sie also, diese Leistung nicht zu brechen.

Es gibt eine Menge von ihnen:

.auto ( cursor: auto; ) .default ( cursor: default; ) .none ( cursor: none; ) .context-menu ( cursor: context-menu; ) .help ( cursor: help; ) .pointer ( cursor: pointer; ) .progress ( cursor: progress; ) .wait ( cursor: wait; ) .cell ( cursor: cell; ) .crosshair ( cursor: crosshair; ) .text ( cursor: text; ) .vertical-text ( cursor: vertical-text; ) .alias ( cursor: alias; ) .copy ( cursor: copy; ) .move ( cursor: move; ) .no-drop ( cursor: no-drop; ) .not-allowed ( cursor: not-allowed; ) .all-scroll ( cursor: all-scroll; ) .col-resize ( cursor: col-resize; ) .row-resize ( cursor: row-resize; ) .n-resize ( cursor: n-resize; ) .e-resize ( cursor: e-resize; ) .s-resize ( cursor: s-resize; ) .w-resize ( cursor: w-resize; ) .ns-resize ( cursor: ns-resize; ) .ew-resize ( cursor: ew-resize; ) .ne-resize ( cursor: ne-resize; ) .nw-resize ( cursor: nw-resize; ) .se-resize ( cursor: se-resize; ) .sw-resize ( cursor: sw-resize; ) .nesw-resize ( cursor: nesw-resize; ) .nwse-resize ( cursor: nwse-resize; )

Der Cursor kann auch ein Bild sein:

.custom ( cursor: url(images/my-cursor.png.webp), auto; )

Einige WebKit-Cursor nur:

-webkit-zoom-in -webkit-zoom-out -webkit-zoom-grab -webkit-zoom-grabbing

Mehr Informationen

CSS Basic User Interface Module Stufe 3
Mozilla Docs

Browser-Unterstützung

Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.

Desktop

Chrom	Feuerfuchs	IE	Kante	Safari
5	4	9	14	5

Handy / Tablet

Android Chrome	Android Firefox	Android	iOS Safari
88	Nein	81	Nein

Und für neuere Werte wie zoom-inund zoom-out:

Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.