如何更改颜色引导程序的仅选择标记箭头或文本?

时间:2016-04-04 04:47:51

标签: html css twitter-bootstrap

我认为bootstrap的选择元素的颜色和选项标签的颜色始终是相同的。

但我想单独更改颜色。

怎么做?

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

但它对结果没有影响。

enter image description here

1 个答案:

答案 0 :(得分:0)

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

<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。据说它可以在课堂上使用。