一个输入字段获得焦点时选择的样式 - 在线编辑器

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

  <p>点击文本输入框表单可以看到黄色背景:</p>

  <form>
    First name: <input type="text" name="firstname" /><br> Last name: <input type="text" name="lastname" />
  </form>

  <p><b>注意:</b> :focus 作用于 IE8,DOCTYPE 必须已声明</p>

</body>
</html>
        