Как сделать кнопку неактивной css

Для того, чтобы сделать кнопку неактивной, вы можете использовать соответствующие CSS свойства opacity и pointer-events.

1. С использованием свойства opacity:

button:disabled {
  opacity: 0.5; 
}

В этом примере мы выбираем button с атрибутом disabled и устанавливаем для него значение свойства opacity в 0.5. Это сделает кнопку полупрозрачной и неактивной для пользователей.

2. С использованием свойства pointer-events:

button:disabled {
  pointer-events: none;
}

В этом примере мы выбираем button с атрибутом disabled и устанавливаем для него значение свойства pointer-events в none. Это отключит все события мыши для кнопки, что также сделает ее неактивной.

Обратите внимание, что в обоих случаях кнопка будет иметь стиль по умолчанию для неактивного состояния, если он был определен в вашем CSS. Если вы хотите изменить стиль неактивной кнопки, вы можете добавить дополнительные CSS свойства.

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

button:disabled {
  opacity: 0.5; 
  background-color: gray;
  color: #ccc;
}

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