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

Question

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

我试图解决的问题：

添加类
添加id
添加 !important
内联样式

基本上一切都以 specific/all 选项元素为目标，但似乎都不起作用。我不确定我是否做对了。还是我缺少某些我似乎看不到的东西？谢谢你的建议。

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

样式选项标签几乎是不可能的，你只能设计一些东西。

因为您已经安装了 bootstrap，您可以为此添加此插件：https://github.com/davidstutz/bootstrap-multiselect

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

Option CSS Not Working - user agent stylesheet

html

css

wordpress

stylesheet