如何替换boostrap中的箭头下拉选择 [英] How to replace arrow dropdown select in boostrap

问题描述

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

我不't知道

• 如何在选择中插入新图片

li>

css bellow不会删除ie11中的箭头

即我的代码

我的jsfiddle： https://jsfiddle.net/n4Lob0t1/

我的代码：

html：

 < div class =form-group> 
< label for =DevelopmentTool>开发工具< / label> 
< form> 
< select class =form-control> 
< option>< / option> 
< / select> 
< / form> 
< / div> 
  

css：

  select.form-control {
 -moz-appearance：none; 
 -webkit-appearance：none; 
外观：无; 
} 
  

解决方案

/ 11。问题不是IE 8/9

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

对于箭头来说，这只是一个答案，但在堆栈上有很多问题需要解答。
引导3下拉菜单上的箭头

I am trying to remove bootstrap default arrow and insert a new image there, i tried remove the arrow that part I did, I have 2 problems.

I don't know

• how to insert that new image in the select

• that css bellow does not remove the arrow in ie11

that is my code

my jsfiddle: https://jsfiddle.net/n4Lob0t1/

my code:

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

解决方案

This should work for IE 10/11. prob not IE 8/9

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

for the arrow this is just one answer but there are a lot of question on stack that ask this. bootstrap 3 arrow on dropdown menu

这篇关于如何替换boostrap中的箭头下拉选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！