如何在下拉列表中更改选项值的颜色

时间:2013-02-18 19:33:29

标签: html css

我有一个下拉列表,显示数据库中的值,我想在下拉列表中对值进行颜色编码。我已经设法在Windows机器上的浏览器中做到这一点,但我不能改变mac上显示的颜色。有没有办法解决这个问题?

<select id="advice_asked" class="dropdown"  name="advice_asked">
     <option value="">Please Select</option>
           <?while($row = mysqli_fetch_assoc($result)){
              if($row['responded'] == 0){
                    $colour = '#63BDFD';
               }else if(($row['response_userID'] == $row['question_userID'])&&($row['response_responded'] == 0)){
                    $colour = '#F68634';
            }?>                     
     <option style="color:<? echo $colour; ?>" value="<? echo $row['questionID']; ?>">
      <? echo $row['questionDesc']; ?> ( Created: <? echo date('d-m-Y', strtotime($row['dateAsked'])); ?>)
     </option>';
        <? } ?>
</select>

下拉类是

.dropdown{
    -webkit-appearance:none;
}

这删除了大部分下拉样式,但没有删除颜色。

非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

有一些像Select2Uniform这样的插件可以帮助您设置样式<select>