a11y.skipToMainContent
1

सीएसएस चेकबॉक्स जेनरेटर

लाइव पूर्वावलोकन के साथ कस्टम-शैली वाले चेकबॉक्स बनाएं - चेकमार्क शैली, ट्वीक रंग और आकार का चयन करें, फिर सीएसएस की प्रतिलिपि बनाएँ।.

px
px
px

Preview

HTML

CSS

Was this tool helpful?
Send output to:
Advertisement

How to use CSS Checkbox Generator

  1. एक चेकमार्क शैली (टिक, क्रॉस, फिल या माइनस) चुनें।.
  2. चेक किए गए / चेक किए गए राज्यों के लिए आकार, सीमा त्रिज्या और रंगों को सेट करें।.
  3. उत्पन्न सीएसएस की प्रतिलिपि बनाएँ और क्लास को अपने चेकबॉक्स इनपुट पर लागू करें।.

सीएसएस चेकबॉक्स जेनरेटर क्या है?

Browser-default checkboxes हर मंच पर अलग दिखते हैं और शैली के लिए कड़ी मेहनत कर रहे हैं। यह उपकरण आपको आकार, रंग, सीमा त्रिज्या और चेकमार्क आइकन पर पूर्ण नियंत्रण के साथ एक कस्टम चेकबॉक्स डिजाइन करने देता है (टिक, क्रॉस, फिलिंग या माइनस)।

सभी आउटपुट शुद्ध सीएसएस है - दृश्य स्टाइल के लिए कोई जावास्क्रिप्ट आवश्यक नहीं है। एक सुसंगत क्रॉस-प्लेटफॉर्म लुक के लिए अपने रूपों में उत्पन्न सीएसएस वर्ग का उपयोग करें।

Advertisement

FAQ

क्या यह मूल चेकबॉक्स को प्रतिस्थापित करता है?
सीएसएस मूल चेकबॉक्स उपस्थिति को छिपाता है और इसे पूर्ण पहुंच क्षमता के संरक्षण के दौरान अपने कस्टम डिजाइन के साथ बदल देता है।.
क्या यह फॉर्म सबमिशन के साथ काम करेगा?
हाँ - अंतर्निहित इनपुट एक वास्तविक चेकबॉक्स है। सीएसएस केवल यह कैसे दिखता है, यह कैसे व्यवहार करता है.

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.

📖 CSS Checkbox Generator on Wikipedia·Developer Tools on Wikipedia·CSS Checkbox Generator on Britannica

People also use

← Back to Developer Tools · All tags
Advertisement