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>

因此，如果你想改变它的颜色，你只需要添加颜色属性：

.caret{ color: red; }

<强>更新

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

Answer 2

只需更新选择

的颜色

select {
    color:#fff;
}

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

2 个答案: