IE8 CSS отличается от IE7 и Firefox

Question

Я применяю стиль css для выпадающего списка и ввода текстовых полей.

Стиль работает в IE7 и Firefox, но не в IE8.

CSS:

input.text, input.file, textarea.textarea, select.select 
{
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    color:#333;
    margin:0;
    padding:4px;
}

input.text, textarea.textarea, select.select{
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
}

Стиль отлично подходит для текстового поля, но не выбирает /

Есть идеи о том, почему это происходит в IE8?

                                    <label class="desc" >
                                        First name</label>
                                    <input type="text" name="nuFirstname" id="nuFirstname" class="text pop" value="" /></li>
                                <li>
                                    <label class="desc" >
                                        Surname</label>
                                    <input type="text" name="nuSurname" id="nuSurname" class="text pop" value="" /></li>
                                <li>
                                    <label class="desc" >
                                        Colour</label>
                                    <select class="select pop" id="nuDept" name="nuDept">
                                        <option value="-" selected="selected">-</option>
                                        <option value="2">Green</option>
                                        <option value="3">White</option>
                                        <option value="4">Orange</option>

                                    </select></li>

Answer 1

Если вы хотите, чтобы ваши поля выбора выглядели одинаково для разных браузеров, я предлагаю использовать плагин jQuery ( что-то вроде этого ).К сожалению, вы никогда не получите согласованных результатов с полями выбора, если попытаетесь управлять ими только с помощью CSS.Это просто способ Интернета ... пока.

Answer 2

Прочтите это и проверьте, в каком «режиме» IE вы находитесь, чтобы увидеть, как он интерпретирует код.Я не верю, что это относится к более новым версиям IE (т.е.> = 9ish, вероятно)

http://www.quirksmode.org/css/quirksmode.html

Answer 3

Хорошо, похоже, что у кого-то возникла такая же проблема.

Свойство IE8 и border css в некоторых меню

Похоже, решение заключается в помещении этой строки в заголовок:

Что происходит с IE8?

Answer 4

Возможно, вы захотите взглянуть на это,

http://www.evotech.net/blog/2009/03/ie8-css-support/ текст ссылки