CSS :focus 伪类
来源:互联网 发布:张爱玲小艾 知乎 编辑:程序博客网 时间:2024/05/16 03:47
:focus -- CSS :focus 伪类,适用于已获取焦点的元素的样式
语法: :focus
CSS版本:CSS2
说明:
适用于已获取焦点的元素的样式,例如:表单的input输入框可以输入文字时、接受键盘事件时
客户端(浏览器)可以根据用户与其交互的动作改变其渲染效果,CSS为这种情况提供了三个伪类:hover、active、focus
上述三种伪类不是互斥的,一个元素同时可以适用其中的若干个
:focus伪类,适用于已获取焦点的元素的样式。当一个元素获取焦点时,证明它是可控制的,例如一个链接获取了焦点后可以通过按"回车"键激活链接。可以用键盘的Tab键的遍历页面中可以获取焦点的元素,可以参考HTML中的tabindex属性。如果虚线框环绕了一个链接元素,证明此链接元素获取了焦点
示例
语法: :focus
CSS版本:CSS2
说明:
适用于已获取焦点的元素的样式,例如:表单的input输入框可以输入文字时、接受键盘事件时
客户端(浏览器)可以根据用户与其交互的动作改变其渲染效果,CSS为这种情况提供了三个伪类:hover、active、focus
上述三种伪类不是互斥的,一个元素同时可以适用其中的若干个
:focus伪类,适用于已获取焦点的元素的样式。当一个元素获取焦点时,证明它是可控制的,例如一个链接获取了焦点后可以通过按"回车"键激活链接。可以用键盘的Tab键的遍历页面中可以获取焦点的元素,可以参考HTML中的tabindex属性。如果虚线框环绕了一个链接元素,证明此链接元素获取了焦点
focus,中文"焦点"的意思
by: http://www.manongjc.com/article/1322.html
语法
:focusa:focusa.class:focus
示例
a:focus{color:lime;background:red;}<pre name="code" class="html">http://www.manongjc.com/article/1322.htmlinput:focus{color:yellow;background:blue;}
0 0
- CSS :focus 伪类
- 新CSS伪类:focus-within
- css button 的四种状态 focus 伪类
- Css中的伪类link,visited,hover,focus,active
- CSS :focus伪类和JS focus事件提高网站键盘可访问性
- CSS入门之其他伪类,first-child,left,right,lang,focus
- (13)CSS的cursor、display、visibility属性以及focus伪类
- css伪类选择器,:link、:visited、:focus、:hover、:active、:first-child
- css 伪类 伪元素
- css伪类,伪元素
- CSS 伪元素 伪类
- CSS伪类、伪元素
- IE6中不支持hover focus伪类的解决办法
- 伪类link,visited,focus,hover,active详解
- CSS伪类与CSS伪元素
- CSS伪类与CSS伪元素
- 【CSS】CSS伪类/元素
- css伪类
- 复杂指针的声明
- 80端口被占用
- Single Image Haze Removal Based On Guided Filter
- mac上安装thrift0.9.3
- wemall软件交易平台微信图文编辑器部分代码分享
- CSS :focus 伪类
- JSON是什么?
- HTML5&CSS3笔记:用 CSS3 创造令人惊艳的美
- Pandas 初探(二)
- 在springmvc中使用hibernate-validate
- postgresql中sql多行语句合并一行
- mysqlreport 中文文档
- tcp/ip 原型及分析
- 函数fcntl的用法