User Action Pseudo-Class - :focus

Pattern:

:focus

Definition:

The :focus pseudo-class matches the element that has the focus (E.g., when an input field has the text-input cursor within it).

Examples:

Style an input field when it has the focus

input:focus { border: 2px dashed thistle; }