选项 CSS 不工作 - 用户代理样式表

Question

这几天我一直在寻找答案。 option 元素没有设置样式。 目前，我不确定是否是这个用户代理样式表覆盖了我对 option 元素的样式。我尝试在我自己的 CSS 文件中设置该选项的样式，但它被取消了。同一页面上的所有其他 HTML 元素都可以正常工作并且样式正确。这只是元素。我也在使用引导程序。

我试图解决的问题：

1. 添加类
2. 添加标识
3. 添加！重要
4. 内嵌样式

基本上所有内容都针对特定/所有选项元素，但似乎都不起作用。我不确定我是否做得对。还是有一些我似乎看不到的东西？谢谢你的建议。

select#cur_to option{
  background-color: white !important;
  color: black !important;  
}

<div class="form-group col-md-3">  
     <select class="select-drop form-control" style="font-size:25px; height:56px;" id="cur_to" name="currency_to">     
        <?php
          for ($row = 0; $row < count($data); $row++) {
            echo "<option>".$data[$row]["currency_code"]."</option>";         
          }
        ?>    
      </select>    
</div>

Answer 1

样式选项标签几乎是不可能的，您只能设置一些样式。

由于您已安装引导程序，因此您可以为此添加此插件：https://github.com/davidstutz/bootstrap-multiselect