Přehled CSS kurzorů
Ověřte si všech 36 typů kurzorů CSS najetím myší a zkopírujte kód
Vlastnosti
Zobrazit všech 36 typů cursor
Klíčová slova standardu CSS shromážděná na jedné stránce
Ověřit skutečný tvar najetím myší
Kurzor se změní na daný tvar, když na něj najedete myší
Uspořádáno do 6 skupin podle účelu
Stručný popis usnadňuje vyhledání požadovaného kurzoru
CSS zkopírovat jedním kliknutím
Ve formátu "cursor: pointer;" připravené přímo k vložení
Jak používat
Vyhledej podle skupiny
Vyhledej kandidáty z nadpisů podle účelu, jako je "Obecné" nebo "Přetažení a puštění"
Najeď myší a ověř
Najeď kurzorem do rámečku "Najeď sem myší" a ověř tvar
Zkopíruj a vložit
Klikni na tlačítko "Kopírovat" pro získání CSS a vlož do vlastního stylů
Případy použití
Ověření kurzoru tlačítek a odkazů
Ověřit vzhled pointer připojeného ke klikacím prvkům
Výběr kurzoru pro rozhraní přetažení
Porovnat grab, move a copy a vybrat tvar vhodný pro přeskládání nebo přesunutí
Rozlišení mezi neaktivními a zpracovávaným stavem
Ověřit rozdíl mezi not-allowed, wait a progress a používat je rozlišně
Memorování hodnot při studiu CSS
Vidět a zapamatovat si najednou všechny typy a jejich význam pro cursor
Základní znalosti
Rozdíl mezi pointer a default
Pointer je kurzor ve tvaru prstů, který se používá k zobrazení prvků, na které lze kliknout, jako jsou odkazy nebo tlačítka. Default je kurzor se šipkou standardní pro prostředí a používá se v zásadě na místech, jako je text nebo pozadí, kde kliknutí nic nedělá.
Chování počáteční hodnoty auto v cursor
Počáteční hodnota vlastnosti cursor je auto. Prohlížeč automaticky vybere tvar kurzoru podle umístění, jako je text na textu a default na jiných místech.
Důvod, proč se kurzor nezmění, i když je zadán
Když se kurzor nezmění i přes zadání cursor, často je důvodem, že jinou prvek překrývá prvek výše nebo pravidlo v jiném místě přepíše zadání.
- Prvek překrývající se výše：Když je prvek nebo pseudo-prvek transparentní umístěn výše, tvar kurzoru se zobrazí podle nastavení cursor prvku zcela nahoře.
- Přepsání specificitou：Když se na stejný prvek vztahuje více pravidel, nastavení cursor z pravidla s vyšší specificitou (síla selektoru) má přednost.
- Rozdíly v operačním systému a prohlížeči：Vzhled kurzoru je určen obrázky poskytnutými operačním systémem nebo prohlížečem, takže stejná hodnota vypadá jinak ve Windows a macOS.
Bezpečnost a soukromí
Vše v prohlížeči
Vstupní data jsou zpracována pouze ve vašem prohlížeči a nejsou odesílána ven.
Zpracování pouze v prohlížeči
Zobrazení kurzoru a kopírování kódu se provádí výhradně v rámci vašeho prohlížeče a vstupní data se neposílají na server.
Komunikace šifrována pomocí HTTPS
Načítání stránky je také šifrováno pomocí TLS a třetí strany nemohou přečíst obsah.
Bez odesílání třetím stranám
Vstupní data se neposílají externím službám, jako jsou reklamní sítě nebo sledovací služby.
Bez automatického ukládání výsledků
Zkopírovaný kód a navrhované vstupy se neukládají na serveru.
Sledujte RAKKOTOOLS v Googlově vyhledávání
189 užitečných nástrojů je snadnější najít v Googlově vyhledávání a vyhledávání AI!
- Nalezení ve vyhledávání
- Také se zobrazí ve vyhledávání AI
- Objevujte nové nástroje
Informace o aktualizacích
- update #318
Seznam CSS kurzorů – přidáno, zkontrolujte všechny typy kurzoru najetím myši a zkopírujte je