iCheckライブラリの入力サイズ

Question

おそらくこの質問には以前にこの質問がありました。残念ながら、私は最高の答えを見つけることができませんでした。このiCheckライブラリの入力のサイズを変更する方法は、私のWebサイトにとって大きすぎるためです。

のCss：

.icheckbox_flat-blue, 
.iradio_flat-blue { 
    display: inline-block; 
    *display: inline; 
    vertical-align: middle; 
    margin: 0; 
    padding: 0; 
    width: 20px; 
    height: 20px; 
    background: url(blue.png) no-repeat; 
    border: none; 
    cursor: pointer; 
} 

HTML：

<div class="sep_checkbox sep_primary"> 
<label><input type="checkbox" value="">Google hybrid</label> 
</div> 
<div class="sep_checkbox sep_primary"> 
<label><input type="checkbox" value="">Google terrain</label> 
</div> 

私は幅または高さを変更する場合は、背景を正しく表示されません。その一部だけを表示する。助言がありますか？ご協力ありがとうございます。

JSFIDDLE：icheckディレクトリでhttps://jsfiddle.net/qhw3s7zz/

Answer 1

使用しているされている名前（green.png、red.png）色で、チェックボックスのスプライトが含まれている皮膚のフォルダがあります。単にPhotoshopで開き、そこでサイズを変更してください。

上記のクラスのコードを使用してサイズを変更すると、カーソルを置いたときに効果が発揮され、選択時にチェックの位置が変更されます。