使用 :focus - 这个例子演示了如何使用 :focus伪类。 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    input:focus {
      background-color: yellow;
    }
  </style>
</head>

<body>
  <form action="/plays/html-form-submit" method="get">
    First name: <input type="text" name="fname" /><br> Last name: <input type="text" name="lname" /><br>
    <input type="submit" value="提交" />
  </form>

  <p><b>注意:</b>仅当 !DOCTYPE 已经声明时 IE8 支持 :focus.</p>

</body>
</html>
        