クロムを除くクロム

Question

すべてのブラウザでダブルサイズのチェックボックスは、このスタイルを表示します：

.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/

は、このアプローチは、Chromeで可能ですか？

Answer 1

このための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/