IE select drop down styling issue

Я пытаюсь изменить цвет текста элемента select. Он работает для всех браузеров, кроме IE (не пробовал сафари).IE select drop down styling issue

<div class="lang"> 
    <select id="language" class="selectOptionHeader"> 
     <option>sdafasd</option> 
     <option>asdfas</option> 
     <option>asdf</option> 
    </select> 
</div>

#language { 
    background: #DEDEDE -ms-linear-gradient(top , #2B3133, #000000) repeat scroll 0% 0%; 
    color:#FFC31B; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
}

Я знаю, что это правильный путь, потому что тот же код работает в скрипку, когда я делаю это в IE. Но как-то он не работает в IE, когда он реализуется на моей странице.

Любые предложения, решения или хаки?

источник

2015-09-17 TheFron

Я бы посоветовал против этого. Элементы стиля 'select', как известно, сложны из-за отсутствия поддержки в разных браузерах, особенно при использовании эффектов CSS3, таких как градиент. Если вам нужно настроить стиль 'select', я бы предложил использовать плагин, например Select2. –

проверьте, поддерживает ли ваша версия IE градиент. – Jai

Вы можете найти свой ответ здесь http://stackoverflow.com/a/12690893/1817690 –

IE, это большая проблема, в конце концов, они все еще не совместимы со стилями, я просто предлагаю вам создать callback.css, где хранятся другие css с совместимостью с IE

это не будет работать

background: #DEDEDE -ms-linear-gradient(top , #2B3133, #000000) repeat scroll 0% 0%;

, но это один будет работать

background: #DEDEDE;

или использовать фоновое изображение вместо

источник

2015-09-17 07:21:28 mrjhon01

IE select drop down styling issue

ответ

Смежные вопросы