Как заменить стрелку вниз выберите в boostrap

Я пытаюсь удалить стрелку по умолчанию для начальной загрузки и вставить там новое изображение, я попытался удалить стрелу, что часть, которую я сделал, у меня есть 2 проблемы.Как заменить стрелку вниз выберите в boostrap

Я не знаю

как вставить что новое изображение в выбранном
, что CSS ниже не удаляет стрелку в 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; 
}

источник

2015-11-18 Raduken

спасибо, но мой вопрос касается 2 вещей не только одного. :) – Raduken

Хотя у дубликата есть решение для второго вопроса, новое изображение там не покрывается. –

Задайте один вопрос за вопрос: – PeeHaa

Вы можете изменить его следующим образом:

.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

источник

2015-11-18 14:13:30 Sundaze