Я посмотрел на всем протяжении и не могу понять это: как Вы нацелены на кнопку отправки нерабочего состояния в CSS?
Например: Как был бы я быть нацеленным и разработать эту кнопку:
<input value="Validate" disabled="disabled" type="submit"/>
Вы можете использовать:
input[disabled=disabled][type=submit] {
background:green;
}
Работает в Firefox и , как сообщается, хорош для всех, кроме IE6. Но я лично не тестировал этот комбо-селектор.
PS: более надежный кроссбраузерный метод с использованием jQuery ...
$("input[disabled=disabled][type=submit]").css
({
'background': 'yellow',
'color': 'blue'
});
CSS3 добавляет псевдокласс : disabled , который делает именно то, что вы хотите.
input:disabled {
/*Disabled styles for input elements here*/
}
Поскольку на этой странице показано, что все основные браузеры (кроме IE8) поддерживают этот тег, он пока кажется непригодным для использования (если вам не нужна поддержка IE)
input[disabled='disabled'][type='submit']
{
...
}
не работает в IE 6, но должен работать во всех других браузерах. Ссылка
Существует также псевдокласс : disabled
, но он вообще не поддерживается в IE.
Стилизация отключенных элементов затруднительна, поскольку иногда у них есть свойства, которые нельзя переопределить. В этой статье показано, какие стили применяются в разных браузерах: Стилизация отключенных элементов управления формы с помощью CSS
В CSS нет псевдокласса, определенного для отключенного состояния.
Я предполагаю использовать JQuery для изменения класса CSS для отключенных кнопок.
Код для JQuery:
<script language="javascript">
$('input[type=button]').each(function () {
if ($(this).attr('disabled') == true)
{
$(this).addClass('disabled');
}
});
</script>
Добавить элемент стиля «отключен».
Один из способов, который я могу придумать для этого, - это установить класс кнопки на disabled, а затем использовать "input.disabled" для указания соответствующего CSS. Будет ли это работать в контексте, в котором вы это делаете?