CSS-markørsoversigt
Se alle 36 CSS cursor-typer ved hovering og kopier koden
Funktioner
Vis alle 36 cursor-typer på én liste
CSS-standardnøgleord samlet på én side
Se den faktiske form ved hovering
Markøren ændrer form, når du holder musen over den
Organiseret i 6 grupper efter formål
Kort beskrivelse gør det nemmere at finde den rette markør
Kopier CSS med ét klik
Indsættes direkte som "cursor: pointer;"
Sådan bruges det
Søg efter gruppe
Find kandidater fra formålsbestemte overskrifter som "Generelt" og "Træk og slip"
Hold musen over for at kontrollere
Læg markøren over boksen "Hold musen her" og bekræft formen
Kopier og indsæt
Få CSS ved at klikke på "Kopier"-knappen og indsæt i dit stilark
Brugsmuligheder
Kontroller markør for knapper og links
Se, hvordan pointer ser ud, når den tilføjes til elementer, der kan klikkes på
Vælg markør til træk-og-slip-UI
Sammenlign grab, move og copy for at vælge den form, der passer til omarrangering eller flytning
Brug af deaktiveret og igangværende tilstand
Se forskellen mellem not-allowed, wait og progress med det samme og brug dem korrekt
Husk værdier ved CSS-læring
Se og lær alle cursor-værdityper og deres betydning på én gang
Grundlæggende viden
Forskel mellem pointer og default
pointer er en pegefinger-formet markør, der bruges til at vise, at et element kan klikkes på, som f.eks. links og knapper. default er miljøets standard pilmarkør, der primært bruges på tekst og baggrund, hvor klik ikke gør noget.
Hvordan cursor-startværdien auto fungerer
Startværdien for cursor-egenskaben er auto, hvor browseren automatisk vælger markørformen afhængig af placeringen – text over tekst og default andre steder.
Årsag til, at cursor ikke ændres selv efter angivelse
Hvis markøren ikke ændres efter at angive cursor, er det ofte fordi et andet element overlapper ovenfra, eller en anden regel overskriver angivelsen.
- Element, der overlapper ovenfra：Hvis et gennemsigtigt element eller pseudoelement overlapper ovenfra, følger markøren cursor-angivelsen fra det øverste element.
- Overskrives af specificitet：Når flere regler gælder for samme element, har reglen med højere specificitet (selectorstyrke) forrang for cursor-angivelsen.
- Forskel efter OS og browser：Markørdesignet leveres af det OS eller browser, der bruges, så samme værdi ser anderledes ud på Windows og macOS.
Sikkerhed og privatlivsbeskyttelse
Helt i browseren
Indtastede data behandles kun i din browser og sendes ikke ud.
Behandling kun i browser
Markørvisning og kodekopi udføres helt inden i din browser, og inputdata sendes ikke til serveren.
Kommunikation krypteret med HTTPS
Sidens indlæsning er også krypteret med TLS, og indholdet kan ikke læses af tredjeparter.
Ingen afsendelse til tredjeparter
Inputindhold sendes ikke til eksterne tjenester som annoncenetværk eller trackere.
Ingen automatisk gemning af resultater
Kopieret kode og inputforslag gemmes ikke på serveren.
Følg RAKKOTOOLS på Google-søgning
189 praktiske værktøjer bliver lettere at finde fra Google-søgning og AI-søgning!
- Findes ved søgning
- Vises også i AI-søgning
- Opdag nye værktøjer
Opdateringer
- update #318
CSS-markørlist tilføjet – bekræft alle cursor-typer ved hovering og kopiér dem