CSS сделать элемент неактивным

Чтобы сделать элемент неактивным в CSS, можно использовать псевдокласс «:disabled».

Например, если нужно сделать неактивной кнопку с классом «button», то нужно добавить в CSS следующее правило:

.button:disabled {
  opacity: 0.5; /* уменьшение прозрачности элемента */
  cursor: not-allowed; /* изменение курсора при наведении */
}

Затем в HTML можно добавить атрибут «disabled» для кнопки:

<button class="button" disabled>Нажми меня</button>

Теперь кнопка будет выглядеть неактивной, и на неё нельзя будет нажать. Она будет иметь пониженную прозрачность и на ней будет курсор «not-allowed».

Этот псевдокласс можно применять ко многим элементам HTML, таким как кнопки, поля формы, текстовые поля, выпадающие списки и т.д.