CSS :focus 选择器
下面有更多实例。
定义和用法
:focus 选择器用于选取获得焦点的元素。
提示: 接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
| 版本: | CSS2 |
|---|
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 选择器 | |||||
|---|---|---|---|---|---|
| :focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
语法
更多实例
实例
当一个 <input type="text"> 获得焦点时，逐渐将宽度从100px更改为250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
亲自试一试 »
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
相关页面
CSS 教程: CSS 伪类
