# :focus

Styles the element that has keyboard focus.

## What does `:focus` do?

`:focus` applies styles to the element that has keyboard focus, like the text box you're typing in. Never remove it without a replacement: keyboard users rely on it.

```css
input:focus { outline: 2px solid royalblue; }
```

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/focus