Стилизация `<select>` в Internet Explorer - PullRequest
Новая
       28

Стилизация `<select>` в Internet Explorer

5 голосов
/ 14 марта 2009

Есть ли способ настроить границы и фон HTML <select> в IE? Я могу стилизовать границу с помощью простого CSS в Firefox, но, видимо, не в IE.

Ответы [ 2 ]

9 голосов
/ 14 марта 2009

IE, скорее всего, в режиме причуд. Предыдущие версии IE не рисовали элемент select сами по себе, и поэтому его нельзя было правильно стилизовать (а также некоторые причуды z-порядка), поэтому в IE <8 вы просто не можете это сделать, если -произвести что-то вроде <code>select в JS. Взгляните на инструменты разработчика (F12), чтобы увидеть, в каком браузере и в режиме документа находится IE; если он говорит «Internet Explorer 8» для режима браузера, а не «режим причуд» для режима документа, вы должны быть в порядке:)

Следующий фрагмент отлично работает здесь (IE8β2): 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <style type="text/css">
            select {
                border: 1px solid red;
            }
        </style>
    </head>
    <body>
        <form>
            <select>
                <option>1</option>
                <option>2</option>
            </select>
        </form>
    </body>
</html>
0 голосов
/ 13 июня 2012

Включите эти теги в свой код: 

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
</head>

Это решит проблемы, связанные с Internet Explorer.

...