a11y.skipToMainContent
1

CSS Checkbox Jeneratör

Canlı önbellek ile özel stilize çek kutusu oluşturun - çekmark stili seçin, makyaj renkleri ve büyüklüğü, sonra CSS kopyalayın.

px
px
px

Preview

HTML

CSS

Was this tool helpful?
Send output to:
Advertisement

How to use CSS Checkbox Generator

  1. Bir çekmark stili seçin (tick, haç, doldur, veya eksi).
  2. Kontrol / kontrol edilen devletler için boyut, sınır yarımı ve renkler ayarlayın.
  3. Oluşturulan CSS'yi kopyalayın ve sınıfı çekbox girişinize uygulayın.

What is CSS Checkbox Jeneratör?

Browser-default checkboxes her platformda farklı görünüyor ve stil için zor. Bu araç, boyutu, renkler, sınır yarısı ve çekmark ikonunu kendi (tick, haç, dolum veya eksi) ile tam kontrol ile özel bir çek kutusu tasarlamanızı sağlar.

Tüm çıktı saf CSS - görsel stil için gerekli JavaScript değildir. Oluşturulan CSS sınıfını tutarlı bir çapraz platform görünümü için kullanın.

Advertisement

FAQ

Bu, ana çekbox'ı değiştiriyor mu?
CSS yerli çekbox görünümünü saklar ve tam erişilebilirliği korurken özel tasarımınızla değiştirir.
Form gönderimleri ile çalışacak mı?
Evet - alt giriş gerçek bir çek kutusudur. CSS sadece nasıl göründüğünü değiştirir, nasıl davrandığını değil.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement