我试图删除默认的引导箭头，并在它的位置插入一个新的图像。我成功地移除了箭头，但是我还有另外两个问题。
我不知道:
>
如何在选择标签中插入新图像。
为什么下面的 CSS 没有删除 IE11 中的箭头？
我的代码可以在这里找到：my jsfiddle：https://jsfiddle.net/n4Lob0t1/
html格式：
<div class="form-group">
<label for="DevelopmentTool">Development Tool</label>
<form >
<select class="form-control">
<option></option>
</select>
</form>
</div>
css：
select.form-control {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
你可以试着看一下<代码>。form-group背景属性。
查看更多关于这篇文章选择箭头样式更改
您可以像这样更改它：
.styleSelect select {
background: transparent;
width: 168px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
color: #000;
}
.styleSelect {
width: 140px;
height: 34px;
overflow: hidden;
background: url("images/downArrow.png") no-repeat right #fff;
border: 2px solid #000;
}
此处：更改下拉箭头的颜色和外观
这应该适用于IE 10/11。可能不是IE 8/9
`select::-ms-expand{display:none;}`
对于箭头来说，这只是一个答案，但是还有很多问题在问这个问题。下拉菜单上的引导3箭头
