CodePen Embed - :focus pseudo-class example

<input class="red-input" value="I'll be red when focused."><br>
<input class="blue-input" value="I'll be blue when focused.">

.red-input:focus {
  background: yellow;
  color: red;
}

.blue-input:focus {
  background: yellow;
  color: blue;
}

This Pen is owned by Bharathvaj Ganesan on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.