CSS :focus 选择器

实例

选择获得焦点的输入字段，并设置其样式：

input:focus
{ 
background-color:yellow;
}

亲自试一试

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

选择器	Chrome	IE	Firefox	Safari	Opera
:focus	4.0	8.0	2.0	3.1	9.6

注释：如果 :focus 用于 IE8 ，则必须声明 <!DOCTYPE>。

定义和用法

:focus 选择器用于选取获得焦点的元素。

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

相关页面

CSS 教程：CSS 伪类