CSS селектор для отключенного ввода type = "submit" - PullRequest
71 голосов
/ 21 сентября 2010

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

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

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

Ответы [ 3 ]

104 голосов
/ 21 сентября 2010

Это работает в 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] (наличие атрибута).

2 голосов
/ 21 сентября 2010

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

0 голосов
/ 28 марта 2018

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

Вот код:

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

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

...