CSS :focus 选择器

CSS完整选择器完整CSS选择器参考手册

一个输入字段获得焦点时选择的样式：

<!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>

尝试一下 »

定义和用法

:focus选择器用于选择具有焦点的元素。

提示: :focus选择器接受键盘事件或其他用户输入的元素。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器
:focus 4.0 8.0 2.0 3.1 9.6

注意: :focus 选择器选择器在IE8中必须声明<!DOCTYPE> .

相关文章

CSS tutorial: CSS 伪类

CSS完整选择器完整CSS选择器参考手册