CSS :focus 选择器
:focus 选择器用于选取获得焦点的元素。
提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
1. 范例
选择获得焦点的输入字段,并设置其样式:
input:focus { background-color:yellow; }
2. 浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
选择器 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
注释:如果 :focus 用于 IE8 ,则必须声明 <!DOCTYPE>。
3. 相关页面
CSS 教程:CSS 伪类
:hover 选择器用于选择鼠标指针浮动在上面的元素。提示::hover 选择器可用于所有元素,不只是链接。提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问 ...