CSS не работает в IE7, работает в других браузерах - PullRequest
Новая
       12

CSS не работает в IE7, работает в других браузерах

0 голосов
/ 23 августа 2011 
<html>
<head>
<style>
#content input[type=text]
{
    color: green;
}
</style>
</head>
<body>
<div id="content">
<input type="text" value="Some Text" />
</div>
</body>
</html>

Вот как это отрисовывается в FireFox (шрифт зеленый):

enter image description here

Вот как это выглядит в Internet Explorer 7 (шрифт не зеленый):

enter image description here

Обновление: Добавление DTD решило проблему, однако, когда для входа установлено значение disabled="disabled", IE7 все равно не будет отображать указанный цвет.

Ответы [ 5 ]

2 голосов
/ 23 августа 2011

Вам потребуется добавить строгий тип документа для IE7, чтобы поддерживать селекторы атрибутов со значением.

http://msdn.microsoft.com/nl-nl/library/aa770069

Используйте такой тип документа, который настолько свободен, насколько это возможно, не нарушая эту функциональность: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

Или скорее используйте более позднююи более строгий, если можете.

1 голос
/ 23 августа 2011

Ваш сайт работает в режиме Quirks. используйте следующий тип документа или аналогичный 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
0 голосов
/ 23 августа 2011

Возможно, не то, что вы хотели, но, по крайней мере, это работает;) 

<html>
<head>
<style type="text/css">
.green {
    color: green;
}
</style>
</head>
    <body>
        <div id="content">
            <input type="text" class="green" value="Some Text" />
        </div>
    </body>
</html>
0 голосов
/ 23 августа 2011

Попробуйте использовать кавычки: 

input[type="text"]

Либо используйте класс и примените этот класс ко всем вашим текстовым вводам.

0 голосов
/ 23 августа 2011

попробуйте это для начала <style type="text/css">

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...