CSS :focus Pseudo Class - Playground Example

« Back to CSS :focus Pseudo Class

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input:focus {
   border: 2px solid red;
}
</style>
</head>
<body>
First name:<br>
  <input type="text" name="firstname">
  <br>
  Last name:<br>
  <input type="text" name="lastname">


</body>
</html>