it-roy-ru.com

CSS селектор для отключенного ввода type = "submit"

Есть ли селектор CSS для отключенных input type="submit" или "button"?

Должен ли я просто использовать input[type="submit"][disabled]?

Это работает в IE6?

67
Francisc

Это работает в IE6?

Нет, IE6 вообще не поддерживает селекторы атрибутов, ср. Совместимость CSS и Internet Explorer.

Вы можете найти Как обойти эту проблему: IE6 не поддерживает селекторы «атрибутов» CSS стоит чтения.


ПРАВКА
Если вы должны игнорировать IE6, вы можете сделать (CSS2.1):

input[type=submit][disabled=disabled],
button[disabled=disabled] {
    ...
}

CSS3 (IE9 +):

input[type=submit]:disabled,
button:disabled {
    ...
}

Вы можете заменить [disabled=disabled] (значение атрибута) на [disabled] (наличие атрибута).

103
jensgram

Как говорит jensgram, IE6 не поддерживает селектор атрибутов. Вы можете добавить class = "disabled", чтобы выбрать отключенные входы, чтобы это могло работать в IE6.

2
Tim

Я использовал решение @jensgram, чтобы скрыть div, который содержит отключенный ввод. Поэтому я скрываю весь родительский ввод. 

Вот код:

div:has(>input[disabled=disabled]) {
    display: none;
}

Может быть, это могло бы помочь некоторым из вас.

0
Meloman