Hvorfor dette verktøyet er nyttig
Lag en merkevaretilpasset avkrysningsboks uten å miste den innebygde avkryssede inndataen, tastaturtilgang eller en tydelig fokusindikator for personer som navigerer uten mus.
& CSS- utforming · kjører lokalt
Tilgjengelig CSS-avkrysningsboksgenerator
Bygg en egendefinert avkrysningsboks med synlig avkrysset tilstand, tastaturfokus-ring og avgrensede kontroller for størrelse, radius og farge, og kopier deretter hele CSS-en lokalt.
Klar. Arbeidsdataene dine forblir i denne nettleseren.
Hvordan det fungerer
Nettleseren begrenser dimensjonene til praktiske intervaller, aksepterer bare sekssifrede farger og viser en forhåndsvisning med ruter basert på statiske DOM-noder før gjenbrukbar CSS returneres.
Praktisk eksempel
Angi en kontroll på 24 piksler, hjørner på 6 piksler og en fiolett fokusring for å matche et kompakt skjema for innstillinger, samtidig som en synlig tastaturkontur beholdes.
Validering
Beregningen er deterministisk og forklarer valideringsfeil i stedet for å endre ugyldig inndata uten å si noe om det.
Personvern-grense
Inndata og utdata forblir i denne fanen. Kopiering og nedlasting skjer via nettleser-API-er uten opplasting til en server.
Resultatpass
Hver kjøring rapporterer sin verktøymodus, tidsstempel og inndata / utdata størrelse slik at transformerte data kan revideres.