html - 不能改变里面文字的颜色

Question

我有一个选择分辨率的下拉菜单，我试图让文本“HD”显示为红色。我创建了一个简单的类来执行此操作并将其分配给文本，但它现在在我的选项值中显示为红色。

<a class="red_color">HD</a> should be red

<div style="display:inline;" id="upload_1_fullAlbumResolutionChoiceDiv"><select id="upload_1_fullAlbumResolutionChoice"
        style="max-width:150px; text-align: left;">
        <option value="box_img.jpg" style="width:150px; text-align: left;">600x600 SD</option>
        <option value="box_img.jpg" style="width:150px; text-align: left;">640x640 SD</option>
        <option value="box_img.jpg" style="width:150px; text-align: left;">1280x1280 SD</option>
        <option value="box_img.jpg" style="width:150px; text-align: left;" selected="selected">1920x1920 <div
                class="red_color">HD</div></option>
        <option value="box_img.jpg" style="width:150px; text-align: left;">2560x2560 <div style="color:red;">HD</div>
        </option>
    </select></div>
    
    <style>
      .red_color{
      color:red
  }
  </style>

标签： htmlcsshtml-select

Answer 1

尝试这个 ：

select option {
    background: red !important;
    color: #fff;
}