CSS :focus 伪类

定義和用法

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

实例

예제 1

选择并设置输入字段获得焦点时的样式：

input:focus {
  background-color: yellow;
}

직접 시도해 보세요

예제 2

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

input:focus {
  background-color: yellow;
  width: 250px;
}

직접 시도해 보세요

CSS 문법

:focus {
  css 선언;
}

기술 세부 사항

버전： CSS2

浏览器支持

표中的数字指定了完全支持该伪类的首个浏览器版本。

크롬 에지 파이어폭스 사파리 오페라
4.0 8.0 2.0 3.1 9.6

관련 페이지

教程：CSS 페르큐스