2010-09-21 3 views
61

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

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

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

+4

': disabled' может быть лучше, в CSS3. Однако IE не поддерживает, так что вам понадобится класс резервного копирования. – bobince

+0

Спасибо, хорошо, но сейчас я планирую держаться подальше от CSS3. – Francisc

+13

Разработчики действительно должны перестать пытаться поддерживать IE6. И владельцам сайтов/менеджерам действительно нужно прекратить предлагать разработчикам его поддерживать. Приходите на людей - IE9 выходит сейчас! – Spudley

ответ

95

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

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

Вы можете найти How to workaround: IE6 does not support CSS “attribute” selectors стоит прочитанного.


EDIT
Если вы игнорировать IE6, вы могли бы сделать (CSS2.1):

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

CSS3 (IE9 +):

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

You май заместитель [disabled=disabled] (значение атрибута) с [disabled] (наличие атрибута).

+0

Хорошо, спасибо. Но если я должен был игнорировать IE6, как это было бы выполнено? Будет ли вход [type = "button" [disabled] быть стандартным? – Francisc

+0

Еще раз спасибо за первую ссылку, совместимость CSS и Internet Explorer - ОТЛИЧНАЯ СТАТЬЯ, мгновенная закладка. – Francisc

+0

@Francisc См. Обновленный ответ. – jensgram

1

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