Как убрать стрелку в IE в селекте?

Question

[codymaverick]

Есть такой селект.
К нему применены следующие свойства

.select select{
	 -ms-appearance: none;
	appearance: none!important;
  -moz-appearance: none;
  -webkit-appearance: none;
	height: 56px;
	width: 382px;
	margin-top: 5px;
    padding-left: 22px;
	outline: none;
	border:1px solid #eaeaea;
	font-family: 'Roboto Light';
	font-size: 18px;	
    background: url(../images/select-bg.png) no-repeat 96% 50%;;
}

Почему свойство -ms-appearance: none не убирает в ie стрелку выбора, которая справа?
Как её убрать?

Answer 1

[Ярослав Иванов]

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

https://jsfiddle.net/hu1b8kw3/

Answer 2

[_ _]

Делайте блок-обертку из label с overflow:hidden, позиционируйте select внутри него так, чтобы его правая часть вылезала за границы блока обертки и стрелка была не видна. Я смог ее скрыть только таким образом
PS. Попробуйте
select::-ms-expand {
display: none;
}

Вроде работает на IE10. У меня была задача решить этот вопрос на версиях вплоть до 8

Comments

[Ярослав Иванов]

Зачем такой геморой когда через css можно управлять этим объектом ?

[_ _]

Ярослав Иванов: ну управляйте, в чем проблема-то

[Ярослав Иванов]

Александр Марченко: В том, что не надо советовать людям костыли.