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

Question

我有一个下拉列表，显示数据库中的值，我想在下拉列表中对值进行颜色编码。我已经设法在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; 
} 

这已经除去了大部分下降的造型下来，但不够出彩。

任何帮助，将不胜感激

Answer 1

有像Select2或Uniform，可以帮助你造型<select>