Bootstrap 3选择更改展开图标

Question

有谁能告诉我如何在bootstrap3选择中更改展开图标？ 我希望得到类似于第二个选择而不是标准扩展图标的东西

我知道这样的现成解决方案：Bootstrap-select

但是我无法使用它，因为它们正在弄乱我的布局。

Answer 1

您可以将appearance:none;添加到select class并添加自定义背景。

像

select {
/*other styles if any*/
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:solid 1px #CCC;
background: url("path/to/arrow.png") center right;
}