MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

这篇翻译不完整。请帮忙从英语翻译这篇文章

概要

CSS伪类 :focus 在一个元素成为焦点时生效,用户可以通过键盘或鼠标激活焦点(例如:一次表单输入)。

语法

element:focus { ... }

举例

.first-name:focus { color: red; }
.last-name:focus { color: lime; }
<input class="first-name" value="I'll be red when focused">
<input class="last-name" value="I'll be lime when focused">

规范

Specification Status Comment
Selectors Level 4
:focus
Working Draft No change.
Selectors Level 3
:focus
Recommendation No change.
CSS Level 2 (Revision 1)
:focus
Recommendation Initial definition

浏览器兼容性

特性 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本支持 1.0 1.0 (1.7 or earlier) 8.0 7.0 1.0
特性 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本支持 1.0 1.0 (1) 8.0 6.0 1.0

 

文档标签和贡献者

 此页面的贡献者: Harvesty, Fadeoc, FredWe, Gaohaoyang
 最后编辑者: Harvesty,