The :focus CSS pseudo-class is applied when a element has received focus, either from the user selecting it with the use of a keyboard or by activating with the mouse (e.g. a form input).
Syntax
<element>:focus { ... }
Examples
1
.first-name:focus { color: red; }
2
.last-name:focus { color: lime; }
1
<inputclass="first-name"value="I'll be red when focused">
2
<inputclass="last-name"value="I'll be lime when focused">
