высота элемента формы "select" отображается неправильно в IE на сервере, но на локальной машине в порядке - PullRequest
0 голосов
/ 07 октября 2011

У меня следующий код для формы элемента "select":

<div style="width: 300px; margin: 0 auto; background: yellow;">
<form>
    <select style="width:100%; height: 24px; line-height: 16px; padding: 2px; background: none repeat scroll 0 0 #FFFFEA; border: 1px solid #B7AB8C; color: #605436; font-family: Arial,Tahoma,Verdana,sans-serif; font-size: 12px;">
        <option>item 1</option>
        <option>item 2</option>
    </select>
</form>

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

Спасибо.

1 Ответ

0 голосов
/ 07 октября 2011

по-разному отображается на локальном компьютере и сервере для IE

Эта проблема всегда связана с «режимом документа», который IE использует для визуализации страницы.

Откройте свою страницу как на локальном компьютере, так и на сервере, а затем нажмите F12 на обоих из них, чтобы открыть Инструменты разработчика. Сравните «Режим браузера» и «Режим документа» между двумя страницами.

Вы, вероятно, можете это исправить, добавив это в <head>:

<meta http-equiv="X-UA-Compatible" content="IE=edge">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...