Есть ли селектор CSS для отключенных input type="submit"
или "button"
?
Должен ли я просто использовать input[type="submit"][disabled]
?
Это работает в IE6?
Есть ли селектор CSS для отключенных input type="submit"
или "button"
?
Должен ли я просто использовать input[type="submit"][disabled]
?
Это работает в IE6?
:disabled
может быть лучше, в CSS3. Однако IE не поддерживает ни то, ни другое, поэтому вам понадобится класс резервного копирования. 21.09.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]
(наличие атрибута).
Как сказал jensgram, IE6 не поддерживает селектор атрибутов. Вы можете добавить class="disabled" для выбора отключенных входов, чтобы это могло работать в IE6.
Я использовал решение @jensgram, чтобы скрыть div, содержащий отключенный ввод. Поэтому я скрываю всего родителя ввода.
Вот код:
div:has(>input[disabled=disabled]) {
display: none;
}
Может быть, это могло бы помочь некоторым из вас.
Это 2021 год. Это селектор css, который работал у меня в Chrome и Edge (похоже, IE больше не поддерживается: https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/):
input[type=submit]:disabled {
background-color: #4a4a4a;
}