CSS-Cursor-Übersicht
Alle 36 CSS-cursor-Typen mit Hover-Vorschau ansehen und Code kopieren
Merkmale
Alle 36 cursor-Werte anzeigen
Alle CSS-Standard-Schlüsselwörter auf einer Seite zusammengefasst
Vorschau beim Hover
Der Cursor ändert seine Form, wenn Sie die Maus darüber bewegen
In 6 Gruppen nach Verwendungszweck sortiert
Kurze Erklärungen helfen Ihnen, den passenden Cursor schnell zu finden
CSS mit einem Klick kopieren
Im Format "cursor: pointer;" zum direkten Einfügen
Anleitung
Nach Gruppe suchen
Wählen Sie eine Kategorie wie "Allgemein" oder "Drag & Drop" aus
Mit der Maus über das Element fahren
Fahren Sie mit der Maus über das Feld "Cursor hier platzieren", um die Form zu sehen
Code kopieren und einfügen
Klicken Sie auf "Kopieren", um das CSS zu erhalten, und fügen Sie es in Ihr Stylesheet ein
Anwendungsbeispiele
Cursor für Buttons und Links prüfen
Sehen Sie sich das pointer-Aussehen für klickbare Elemente an
Cursor für Drag-&-Drop-Bedienung wählen
Vergleichen Sie grab, move und copy, um die passende Form für Umordnung und Verschiebung zu wählen
Unterscheidung zwischen deaktiviert und verarbeitend
Sehen Sie sich not-allowed, wait und progress an, um die richtige Variante zu wählen
CSS-Grundlagen lernen: Werte memorieren
Sehen Sie alle möglichen cursor-Werte und ihre Bedeutung auf einmal
Grundlagenwissen
Unterschied zwischen pointer und default
pointer ist ein Cursor in Form eines Fingers und zeigt an, dass ein Element anklickbar ist (wie Links oder Buttons). default ist der Standard-Pfeil des Systems und wird über Text oder Hintergrund verwendet, wenn das Element nicht klickbar ist.
Verhalten des auto-Initialwerts von cursor
Der Initialwert von cursor ist auto. Der Browser wählt dann automatisch den Cursor-Typ: text über Text, default an anderen Stellen.
Warum sich der Cursor nicht ändert, obwohl cursor definiert ist
Wenn sich der Cursor nicht ändert, obwohl cursor definiert ist, liegt dies meist daran, dass ein anderes Element überlagert oder eine andere Regel die Einstellung überschreibt.
- Überlagernde Elemente：Wenn transparente Elemente oder Pseudo-Elemente überlagern, folgt der Cursor der cursor-Definition des obersten Elements.
- Überschreibung durch Spezifität：Wenn mehrere Regeln auf dasselbe Element zutreffen, hat die Regel mit höherer Spezifität (Selektor-Stärke) Vorrang.
- Unterschiede zwischen Betriebssystem und Browser：Das Cursor-Design wird vom Betriebssystem oder Browser bereitgestellt. Der gleiche Wert kann unter Windows und macOS unterschiedlich aussehen.
Sicherheit und Datenschutz
Vollständig im Browser
Die eingegebenen Daten werden ausschließlich in Ihrem Browser verarbeitet und nicht nach außen übertragen.
Nur im Browser verarbeitet
Cursor-Anzeige und Code-Kopieren wird vollständig in Ihrem Browser durchgeführt, Eingabedaten werden nicht an den Server gesendet.
Kommunikation mit HTTPS verschlüsselt
Das Laden der Seite wird ebenfalls durch TLS verschlüsselt, der Inhalt kann von Dritten nicht gelesen werden.
Keine Übermittlung an Dritte
Eingabeinhalte werden nicht an externe Dienste wie Werbenetzwerke oder Tracker gesendet.
Keine automatische Speicherung von Ergebnissen
Kopierter Code und Eingabevorschläge werden nicht auf dem Server gespeichert.
RAKKOTOOLS bei Google Search folgen
189 praktische Tools werden über Google Search und KI-Suche leichter auffindbar!
- In der Suche auffindbar
- Auch in KI-Suche sichtbar
- Neue Tools entdecken
Update-Informationen
- update #318
CSS-Cursor-Liste hinzugefügt – alle Cursor-Typen bei Hover überprüfen und kopieren
Ausgewählte Tools
189 kostenlose Webtools stehen Ihnen sofort zur Verfügung!