phpのサイズと色のアイコンフィルタを与える方法

Question

私は製品のソートとフィルタリングのためのフィルタを持つWebサイトを開発しました。 これは、値の行としてチェックボックスが表示されます。ここで

は、それが今どのように見えるの画像です：

私はそれはそれは（フリップカートからサンプル）はこちらと同じ見てみたいです。

ここでは私のコード あるので、私は画像のアイコンにそれを作ることができる方法を知っている聞かせください

<section class="sky-form"> 
            <span class="glyphicon glyphicon-minus colit" data-toggle="collapse" data-target="#neck"></span> 
            <b style="font-size:1em">Neck type</b> 
            <div class="row row1 scroll-pane collapse in" id="neck" style="width:100%"> 
             <?php foreach($r5 as $k5 => $v5){ ?>      
             <div class="col col-4"> 
              <label class="checkbox"><input type="checkbox" name="neck" value="<?php echo $r5[$k5]["data"];?>" <?php if(!empty($_SESSION['filarr'])){ if(in_array($r5[$k5]["data"] ,$_SESSION['filarr'])){ echo "checked";} } ?>><i></i><?php echo $r5[$k5]["data"]; ?></label> 
             </div> 
             <?php } ?> 
            </div> 
           </section> 

           <section class="sky-form"> 
            <span class="glyphicon glyphicon-minus colit" data-toggle="collapse" data-target="#color"></span> 
            <b style="font-size:1em">Colour</b> 
            <div class="row row1 scroll-pane collapse in" id="color" style="width:100%"> 
             <?php foreach($r6 as $k6 => $v6){ ?>     
             <div class="col col-4"> 
              <label class="checkbox"><input type="checkbox" name="colour" value="<?php echo $r6[$k6]["data"];?>" <?php if(!empty($_SESSION['filarr'])){ if(in_array($r6[$k6]["data"] ,$_SESSION['filarr'])){ echo "checked";} } ?>><i></i><?php echo $r6[$k6]["data"];?></label> 
             </div> 
             <?php } ?> 
            </div> 
           </section> 

Answer 1

チェックボックスは、使用するブラウザやOSに応じて、変更を探します。あなたはそれを変えることはできません。解決策は、JavaScriptのチェックボックスなどで切り替えることだけですhttp://icheck.fronteed.com/