Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 选项CSS不工作-用户代理样式表_Html_Css_Wordpress_Stylesheet - Fatal编程技术网

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

Html 选项CSS不工作-用户代理样式表,html,css,wordpress,stylesheet,Html,Css,Wordpress,Stylesheet,我已经找了几天这个问题的答案。option元素未设置样式。目前,我不确定这个用户代理样式表是否覆盖了option元素的样式。我尝试在我自己的CSS文件中设置该选项的样式,但是它被取消了。同一页面上的其他HTML元素都正常工作,并且样式正确。这只是元素。我也在使用bootstrap 我试图解决的问题: 添加类 添加id 加上!重要的 内联样式 基本上,一切都是针对特定/所有选项元素的,但似乎都不起作用。我不确定我是否做对了。还是有什么我看不见的东西丢失了?谢谢你的建议 select#cur_to

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

我试图解决的问题:

  • 添加类
  • 添加id
  • 加上!重要的
  • 内联样式
  • 基本上,一切都是针对特定/所有选项元素的,但似乎都不起作用。我不确定我是否做对了。还是有什么我看不见的东西丢失了?谢谢你的建议

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

    设置选项标签样式几乎不可能,您只能设置一些东西的样式


    既然已经安装了bootstrap,您可以为此目的添加此插件:

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


    既然已经安装了bootstrap,您可以为此目的添加此插件:

    能否包含一段代码片段,并准确解释css排队时“不起作用”的内容?如果是,您可以包含一个
    依赖项
    。。。这可能会克服它不是一个优先事项。。。这是否回答了你的问题?正如@Andres在他的回答中所写的那样,您可以做的只有几件事来设计
    标签。可以找到更多详细信息。您是否可以包含一个代码片段,并准确解释您的css排队时“不工作”的原因?如果是,您可以包含一个
    依赖项
    。。。这可能会克服它不是一个优先事项。。。这是否回答了你的问题?正如@Andres在他的回答中所写的那样,您可以做的只有几件事来设计
    标签。更多细节可以找到
    <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>