hộp kiểm đúp cỡ trong Chrome

Question

Tất cả các trình duyệt Chrome, ngoại trừ làm hiển thị theo phong cách này:

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

Ví dụ: http://jsfiddle.net/sJxst/

là phương pháp này có thể trong Chrome?

Answer 1

Có một plugin jquery cho điều này .. tôi không biết bất kỳ phương pháp khác nào cho Chrome

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

Ngoài ra kiểm tra này:

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/