Chrome checkbox

Question

All browsers except Chrome display this style:

.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; } 

Example: http://jsfiddle.net/sJxst/

is this approach possible in Chrome?

Answer 1

There is a jquery plugin for this .. I still don't know another method for Chrome

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

Also check this out:

 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/