Стиль кнопки переключения отключен

Question

У меня есть кнопка отправки, на которой я применяю стили CSS (фоновое изображение, шрифт и т. Д.). Мне нужен отдельный стиль, примененный к кнопке, когда она отключена. Как проще всего динамически переключать стили независимо от того, включена кнопка или нет?

Answer 1

используйте псевдокласс :disabled:

input:disabled { background-color : lime }

Больше информации здесь: http://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:disabled

Answer 2

Если вам не нужна поддержка IE6, вы можете использовать селектор атрибутов , например:

button[disabled] {
   // ...
}

или

#mysubmitbutton[disabled] {
   // ...
}

Answer 3

Я думаю о классе, вы можете назначить стиль классам и переключать их в js по мере необходимости (это более общее решение, вы можете использовать этот класс и для других элементов).

.classA { .. }
.classB { .. }

$('button').addClass('classA');
$('button').removeClass('classA');