@codymaverick

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

Есть такой селект. JiPj31d1.png
К нему применены следующие свойства
.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 стрелку выбора, которая справа?
Как её убрать?
  • Вопрос задан
  • 5401 просмотр
Решения вопроса 1
space2pacman
@space2pacman
Просто царь.
select::-ms-expand {
    display: none;
}


https://jsfiddle.net/hu1b8kw3/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
AMar4enko
@AMar4enko
Делайте блок-обертку из label с overflow:hidden, позиционируйте select внутри него так, чтобы его правая часть вылезала за границы блока обертки и стрелка была не видна. Я смог ее скрыть только таким образом
PS. Попробуйте
select::-ms-expand {
display: none;
}

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы