如何在引导程序中替换箭头下拉选择[重复]答案

【问题标题】：How to replace arrow dropdown select in boostrap [duplicate]如何在引导程序中替换箭头下拉选择[重复]
【发布时间】：2016-02-20 07:33:53
【问题描述】：

我正在尝试删除引导程序默认箭头并在那里插入一个新图像，我尝试删除我所做的部分箭头，我有 2 个问题。

我不知道

如何在选择中插入新图像
那个css bellow没有去掉ie11中的箭头

这是我的代码

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

【问题讨论】：

谢谢，但我的问题涉及两件事，而不仅仅是一件。 :)
虽然副本有第二个问题的解决方案，但新图像没有被覆盖。
每个问题问一个问题
@Raduken 下一次，请每篇文章一个问题。
谢谢大家解决了我的问题。

标签： html css twitter-bootstrap

【解决方案1】：

你可以这样改：

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

这里： Change color and appearance of drop down arrow

【讨论】：

【解决方案2】：

你可以试试看.form-group背景属性。

在这篇文章中查看更多信息select arrow style change

【讨论】：

【解决方案3】：

这应该适用于 IE 10/11。可能不是 IE 8/9

`select::-ms-expand{display:none;}`

对于箭头，这只是一个答案，但堆栈上有很多问题会问这个问题。 bootstrap 3 arrow on dropdown menu

【讨论】：