2012-12-26 21 views
6

सभी ब्राउज़रों में डबल आकार चेकबॉक्स क्रोम को छोड़कर इस शैली को प्रदर्शित करते हैं:क्रोम

.my-checkbox { 
    width: 20px; 
    height:20px; 
    color:#fff; 
    -moz-appearance:none; 
    -webkit-appearance:none; 
    -o-appearance:none; 
    border: 0px inset ThreeDFace ! important; 
    margin: 5px; 
    padding: 5px; 
} 

उदाहरण: http://jsfiddle.net/sJxst/

इस दृष्टिकोण क्रोम में संभव है?

+0

कभी पता था ऐसा कुछ, बड़े चेकबॉक्स बनाने के लिए उपयोगी होगा जो विंडोज 8 बड़े ग्रंथों से मेल खाएगा: डी –

+0

आप वेलकम हैं =)) –

उत्तर

3

इस के लिए एक jQuery प्लगइन है .. मैं क्रोम

के लिए अभी तक किसी भी अन्य विधि नहीं जानता

http://archive.plugins.jquery.com/project/ui-checkbox

इसके अलावा इस जाँच:

input.checkbox { display: none } 
input.checkbox + label > span.checkbox-span { display: inline-block; color: #FFF; border: 1px solid #000; width: 30px; line-height: 30px; font-size: 24px; text-align: center } 
input.checkbox:checked + label > span.checkbox-span { color: #000 } 

http://jsfiddle.net/KfjuS/4/

+0

उस प्लगइन के डेमो पेज में "jQuery UI चेकबॉक्स" फलक और "मूल विजेट्स" के साथ, जो समान हैं =) –

+0

फिडल अच्छा दिखता है :) +1 –

+0

हाँ, धन्यवाद। मुझे चेकबॉक्स के रूप में स्पैन शैलियों के रास्ते में सोचना चाहिए। महान विचार! –