2016-07-03 83 views
-1

我開發了一個網站,其中包含用於產品分類和過濾的過濾器。 所以它帶有複選框的值的行。如何在php中設置圖標大小和顏色的過濾器

這裏是什麼樣子,現在的圖像:
enter image description here

我希望它看起來一樣,因爲它是在這裏(從flipkart樣品)。 enter image description here

這裏是我的代碼 所以請讓我知道我可以使其圖像圖標

<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> 
+0

你可以發佈你的CSS你試圖做到這一點嗎? – callisto

+0

目前還不清楚你在問什麼... – Lee

回答

0

複選框看起來這取決於瀏覽器和操作系統使用的變化。你可以做些什麼來改變這一點。唯一的解決方案是用JavaScript複選框來切換它們,像http://icheck.fronteed.com/

相關問題