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

Ответ 1

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

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

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

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

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

Ответ 2

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

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

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

Ответ 3

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

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

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

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

Ответ 4

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

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

Код для JQuery:

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

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

Ответ 5

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