# :disabled

Styles form controls that are switched off.

## What does `:disabled` do?

`:disabled` styles form controls that can't be used right now.

```css
button:disabled { opacity: 0.5; cursor: not-allowed; }
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/disabled-css