导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

CSS :focus 伪类


实例

当输入字段获得焦点时,选择并设置其样式

input:focus {
  background-color: yellow;
}
亲自试一试 »

更多“自己尝试”的例子见下文。


定义和用法

:focus 伪类用于选择并设置获得焦点的元素样式。

版本 CSS2

浏览器支持

表中数字表示该伪类完全支持的第一个浏览器版本。

伪类
:focus 4.0 8.0 2.0 3.1 9.6

CSS 语法

:focus {
  CSS 声明;

更多实例

实例

当输入字段获得焦点时,更改背景颜色和宽度

input:focus {
  background-color: yellow;
  width: 250px;
}
亲自试一试 »

相关页面

CSS 教程:CSS 伪类


Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。