PHP에서 크기 및 색상에 대한 아이콘 필터를 제공하는 방법

Question

제품 정렬 및 필터링을위한 필터가있는 웹 사이트를 개발했습니다. 그래서 값이있는 행으로 표시됩니다. 나는 그것이 (flipkart에서 샘플) 여기로이 같은보고 싶지

: 여기

은 지금의 모습의 이미지입니다.

여기 그래서

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