CSS :focus选择器

• 

  定义和用法

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

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

  特征	说明
  CSS版本	CSS2

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  选择器	IE/Edge	Chrome	FireFox	Safari	Opera
  选择器名称
  :focus	8.0	4.0	2.0	3.1	9.6

  注意：对于：:focus在IE8中工作，必须声明<!DOCTYPE>。
• 

  CSS语法

  :focus {
    css declarations;
  }
  

• 

  实例

  在获得焦点时选择并设置input字段的样式：

  input:focus { 
    background-color: yellow;
  }
  

  尝试一下
• 

  相关页面

  CSS教程：CSS伪类