input [type = submit] CSS не работает в Internet Explorer 6 - PullRequest
Новая
       8

input [type = submit] CSS не работает в Internet Explorer 6

3 голосов
/ 20 августа 2009

Приведенный ниже код не работает в Internet Explorer 6. Я не могу добавить class или id. Есть ли какие-нибудь CSS-хаки для этого?

Этот код находится в WordPress . Я не могу изменить код; Я могу только изменить CSS. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <style type="text/css">
            form input[type=submit]{
                background-color:#FE9900;
                font-weight:bold;
                font-family:Arial,Helvetica,sans-serif;
                border:1px solid #000066;
            }
        </style>
        <title>Untitled Document</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>

    <body>
        <FORM action="">
            <INPUT type=text name=s> 
            <INPUT type=submit value=Search>
        </FORM>
    </body>
</html>

Ответы [ 3 ]

11 голосов
/ 20 августа 2009

Вместо этого присвойте вводу класс, а затем примените к нему стиль Как это: 

<input type="submit" class="myClass" value="Search" />

А затем стиль .myClass в вашем CSS. Это также должно работать в IE6.

5 голосов
/ 20 августа 2009

Вы правы, это не работает.

Quirksmode.org - отличный сайт с информацией о совместимости браузера:

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

3 голосов
/ 20 августа 2009

Internet Explorer 6 не поддерживает селектор атрибутов [attr="value"]. Таким образом, нет способа обратиться к этому элементу ввода только с помощью CSS (IE 6 не поддерживает селектор adjacence + и :last-of-type селектор , который не помог бы в этом случай).

Таким образом, единственные варианты, которые у вас есть, - это сделать этот элемент уникально адресуемым, добавив класс или идентификатор или обернув его в дополнительный элемент span.

Или - как вы уже сказали, что вы не можете этого сделать - используйте JavaScript, чтобы выбрать этот элемент и применить к нему правило CSS. jQuery может сделать это довольно легко: 

$("form input[type=submit]").css({
    "background-color": "#FE9900",
    "font-weight": "bold",
    "font-family": "Arial,Helvetica,sans-serif",
    "border": "1px solid #000066"
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...