阅读(3563) (14)

CSS :focus 选择器

2016-08-04 21:48:44 更新

CSS :focus 选择器

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

定义和用法

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

:focus是一个伪类,它适用于具有焦点的元素。

:focus应用于元素具有焦点的时间内。

一个例子是其中具有文本输入光标的输入框。其他元素,如超链接,也可以有焦点。

例子:

a:focus {outline: 1px  dotted red;}
input:focus {background: yellow;}

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


Examples

实例

实例

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

input:focus
{
  background-color:yellow;
}

尝试一下 »

浏览器支持

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

选择器          
:focus 4.0 8.0 2.0 3.1 9.6

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


相关文章

CSS 教程: CSS 伪类


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