Question

我正在尝试删除bootstrap默认箭头并在那里插入新图像，我尝试删除我执行的部分的箭头，我有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;
 }

Answer 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

Answer 2

您可以尝试查看.form-group背景属性。

在此帖select arrow style change

上查看更多信息

Answer 3

这适用于IE 10/11。不是IE 8/9

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

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

如何在boostrap中替换箭头下拉选择

3 个答案: