Как стилизовать задизейбленный HTML элемент?

1 мин
Автор PINTA IT
Как стилизовать задизейбленный HTML элемент?
Как стилизовать задизейбленный HTML элемент?

:disabled и :enabled легко применяются к любым элементам, которым можно задать атрибут disabled:

<button>, <command>, <fieldset>, <keygen>, <optgroup>, <option>, <select>, <textarea> и <input>.

Часто требуется, чтобы на кнопку отправки формы нельзя было нажать, пока не заполнены все поля этой формы. Проще всего заблокировать кнопку атрибутом disabled. Его проставляют, как правило, при помощи JavaScript. Но недостаточно просто указать его в HTML, нужно ещё и при помощи оформления показать пользователю, что кнопка не активна. Как раз для этого нам пригодится псевдокласс :disabled.

Кнопка будет полупрозрачной:

 button:disabled {
     opacity: 0.5;
 }

Похожие публикации