Селектор CSS для отключенного ввода типа = «Отправить»

Question

Есть ли селектор CSS для инвалидов input type="submit" или "button"?

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

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

Answer 1

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

Answer 2

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

Answer 3

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

Вот код:

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

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