html - 如何更改颜色 Bootstrap 的仅选择标签箭头或文本？

Question

我认为 bootstrap 的选择元素的颜色和选项标签的颜色总是一样的。

但我想单独更改颜色。

如何做到这一点？

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
.select{
    color:#f00;
}
.select option{
  color:#000 !important;
}

但对结果没有影响。

Answer 1

我实际上并没有得到你想要的。所以试试这个。

<select>
    <option class="one">1</option>
    <option class="two">2</option>
    <option class="three">3</option>
</select>

select option .one{
  color:#000 !important;
}

select option .two{
  color:black !important;
}

select option .three{
  color:green !important;
}

或者只删除 . 上的 .select 。它应该在类里面使用。