CodePen Embed - :valid and :invalid pseudo-class

<input type="email">

input:invalid {
  color: red;
}

input:valid {
  color: green;
}

This Pen is owned by Esteban Herrera on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.