Bootstrap 3:选择下拉箭头的自定义颜色

Question

我想在Bootstrap 3下拉选项中更改下拉箭头的颜色.

到目前为止,这是我的CSS,我已经改变了背景,边框,字体和选项颜色,但是箭头还没有运气:

select{
  background-color: #555;
  color: white;
  border: 1px solid #ffffff;
}
select:after {
  color: white !important;
}
option:checked {
  background-color: #eee;
  color:#555;
}
option:not(:checked) {
  background-color: white;
  color:#000;
}

小提琴:http://jsfiddle.net/ju3n1dnk/

Answer 1

您想更改下拉列表中向下箭头的颜色吗？据我所知，这个箭头的编码如下：

<span class="caret"></span>

所以如果你想改变它的颜色，你只需要添加 color 属性：

.caret{ color: red; }

更新

这是一个 JSFiddle 来说明：https ://jsfiddle.net/valentinho14/tkfa0ddp/