如何在php中为大小和颜色提供图标过滤器答案

【问题标题】：How to give icon filter for size and colours in php如何在php中为大小和颜色提供图标过滤器
【发布时间】：2016-07-03 07:11:12
【问题描述】：

我开发了一个网站，其中包含用于产品分类和过滤的过滤器。所以它是带有复选框的值行。

这是它现在的样子：

我希望它看起来和这里一样（来自 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>

【问题讨论】：

你能把你的css贴在你尝试过的地方吗？
不清楚你在问什么...

标签： php html css filter imagefilter

【解决方案1】：

复选框的外观会根据所使用的浏览器和操作系统而变化。你无能为力来改变这一点。唯一的解决方案是使用 JavaScript 复选框切换它们，例如 http://icheck.fronteed.com/

【讨论】：