Spis kursów CSS
Przegląd wszystkich 36 typów kursorów CSS – zatrzymaj mysz i skopiuj kod
Cechy
Wyświetl wszystkie 36 typów cursor
Słowa kluczowe standardu CSS zebrane na jednej stronie
Sprawdź rzeczywisty wygląd przy najechaniu myszą
Kursor zmienia się w odpowiedni typ po najechaniu myszą
Zorganizowane w 6 grupach według zastosowania
Krótkie opisy ułatwiają znalezienie poszukiwanego kurora
Skopiuj CSS jednym kliknięciem
Kod w postaci "cursor: pointer;" gotowy do wklejenia
Jak używać
Wyszukaj w grupach
Przeglądaj opcje za pomocą nagłówków tematycznych, takich jak "Ogólne" czy "Przeciągnij i upuść"
Zatrzymaj mysz i sprawdź
Najechaj myszą na pole "Zatrzymaj mysz tutaj", aby zobaczyć kształt kurora
Skopiuj i wklej
Kliknij przycisk "Kopiuj", aby uzyskać CSS, i wklej do swojego arkusza stylów

Przypadki użycia
Sprawdzenie kurora przycisku lub linku
Sprawdź wygląd pointer dla elementów klikających
Wybór kurora dla interfejsu przeciągnij i upuść
Porównaj grab, move i copy, aby wybrać odpowiedni kształt do sortowania i przenoszenia
Rozróżnienie stanów wyłączonego i przetwarzającego
Sprawdź różnicę between not-allowed, wait i progress, aby prawidłowo ich używać
Zapamiętanie wartości CSS
Na jednym ekranie zobacz wszystkie dostępne wartości i ich znaczenie
Wiedza podstawowa
Różnica między pointer a default
pointer to kursor w kształcie palca, używany do wskazania elementów klikających, takich jak linki i przyciski. default to standardowa strzałka danego systemu, zwykle używana nad tekstem lub tłem, gdzie kliknięcie nic nie robi.
Domyślne zachowanie cursor: auto
Domyślną wartością właściwości cursor jest auto. Przeglądarka automatycznie wybiera odpowiedni typ kurora – text nad tekstem, default w pozostałych miejscach.
Przyczyny, gdy kursor nie zmienia się pomimo ustawienia
Jeśli kursor nie zmienia się mimo ustawienia, przyczyną zwykle jest element nakładający się na górze lub reguła CSS o wyższej specyficzności.
- Element nakładający się na górze:Jeśli przezroczysty element lub pseudo-element nakłada się na górze, kursor podlega ustawieniu dla górnego elementu.
- Przesłonięcie przez specyficzność:Gdy do elementu stosuje się wiele reguł, ustawienie cursor z reguły o wyższej specyficzności ma priorytet.
- Różnice w zależności od OS i przeglądarki:Wygląd kurora zależy od systemu operacyjnego i przeglądarki. Ta sama wartość może wyglądać inaczej na Windows i macOS.
Bezpieczeństwo i prywatność
W całości w przeglądarce
Dane wejściowe są przetwarzane wyłącznie w Twojej przeglądarce i nie są wysyłane na zewnątrz.
Przetwarzanie tylko w przeglądarce
Wyświetlanie kurora i kopiowanie kodu jest przetwarzane całkowicie w Twojej przeglądarce, dane wejściowe nie są wysyłane na serwer.
Komunikacja szyfrowana HTTPS
Wczytywanie strony jest również szyfrowane za pomocą TLS, zawartość jest chroniona przed odczytaniem przez strony trzecie.
Brak wysyłania stronom trzecim
Zawartość wejściowa nie jest wysyłana do usług zewnętrznych, takich jak sieci reklamowe lub trackery.
Brak automatycznego zapisywania wyników
Skopiowany kod i sugestie wejściowe nie są przechowywane na serwerze.
Śledź RAKKOTOOLS w wyszukiwarce Google
189 przydatnych narzędzi będzie łatwiej znaleźć w wyszukiwarce Google i wyszukiwarce AI!
- Pojawia się w wynikach wyszukiwania
- Wyświetla się również w wyszukiwarce AI
- Odkrywaj nowe narzędzia
Aktualizacje
- update #318
Dodaj listę kursorów CSS, sprawdź wszystkie rodzaje kursorów po najechaniu myszą i skopiuj
Polecane narzędzia
189 bezpłatnych narzędzi internetowych dostępnych do natychmiastowego użytku!
