css - Bootstrap 3 : Custom color for select dropdown arrow

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;
}

fiddle :http://jsfiddle.net/ju3n1dnk/

Answer 1

您想更改下拉菜单中向下箭头的颜色吗？据我所知，这个箭头是这样编码的:

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

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

.caret{ color: red; }

更新

这里有一个 JSFiddle 来说明:https://jsfiddle.net/valentinho14/tkfa0ddp/