CSS :focus 伪类

:focus -- CSS :focus 伪类,适用于已获取焦点的元素的样式
语法: :focus
CSS版本:CSS2
说明:
适用于已获取焦点的元素的样式,例如:表单的input输入框能够输入文字时、接受键盘事件时
客户端(浏览器)能够根据用户与其交互的动做改变其渲染效果,CSS为这种状况提供了三个伪类:hover、active、focus
上述三种伪类不是互斥的,一个元素同时能够适用其中的若干个
:focus伪类,适用于已获取焦点的元素的样式。当一个元素获取焦点时,证实它是可控制的,例如一个连接获取了焦点后能够经过按"回车"键激活连接。能够用键盘的Tab键的遍历页面中能够获取焦点的元素,能够参考HTML中的tabindex属性。若是虚线框环绕了一个连接元素,证实此连接元素获取了焦点

focus,中文"焦点"的意思html

by: http://www.manongjc.com/article/1322.html浏览器


语法code

:focus
a:focus
a.class:focus

示例

a:focus
{
	color:lime;
	background:red;
}

<pre name="code" class="html">http://www.manongjc.com/article/1322.html
input:focus{color:yellow;background:blue;}
相关文章
相关标签/搜索