podwójnej wielkości wyboru w Chrome

Question

Wszystkie z wyjątkiem przeglądarek Chrome wyświetlają ten styl:

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

Przykład: http://jsfiddle.net/sJxst/

jest podejście to możliwe w Chrome?

Answer 1

Jest plugin jquery do tego .. nie wiem jeszcze żadnej innej metody dla Chrome

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

Zobacz również:

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/