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

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

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

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

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

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

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

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

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу CSS сделать элемент неактивным

Наш специалист свяжется с вами в ближайшее время и уточнит детали