Как вы нацеливаете отключенное состояние кнопки отправки?

Question

Я просмотрел все и не могу понять: как вы нацеливаете кнопку отправки отключенного состояния в css?

Например: как бы я нацелил и стилизовал эту кнопку:

<input value="Validate" disabled="disabled" type="submit"/>

Answer 1

Вы можете использовать:

    input[disabled=disabled][type=submit] {
        background:green;
    }

Работает в Firefox и , как сообщается, хорошо для всех, кроме IE6. Но я лично не проверял подобный комбо-селектор.

PS: более надежный кросс-браузерный метод с использованием jQuery ...

$("input[disabled=disabled][type=submit]").css
({
    'background':   'yellow',
    'color':        'blue'
});

Answer 2

CSS3 добавляет псевдокласс : disabled , который точно делает то, что вы хотите.

input:disabled {
 /*Disabled styles for input elements here*/
}

Поскольку на этой странице показывает, что все основные браузеры (кроме IE8) поддерживают этот тег, поэтому он пока еще непригоден (если вам не нужна поддержка IE)

Answer 3

input[disabled='disabled'][type='submit']
{
...
}

не работает в IE 6, но должно работать во всех других браузерах. Ссылка

Существует также псевдокласс :disabled *1008*, но он вообще не поддерживается в IE.

Стилизовать отключенные элементы сложно,поскольку они иногда имеют свойства, которые нельзя переопределить.В этой статье показано, какие стили применяются в каких браузерах: Стилизация отключенных элементов управления формы с помощью CSS

Answer 4

В CSS нет псевдокласса, определенного для отключенного состояния.

Я предполагаю использовать JQuery для изменения класса CSS для отключенных кнопок.

Код JQuery:

<script language="javascript">
    $('input[type=button]').each(function () {
        if ($(this).attr('disabled') == true)
        {
            $(this).addClass('disabled');
        }
    });
</script>

Добавить элемент стиля 'disabled'.

Answer 5

Один из способов, который я могу придумать для этого, - отключить класс кнопки и затем использовать «input.disabled» для указания соответствующего CSS. Будет ли это работать в контексте вы делаете это?