Pseudo-class CSS :focus

Định nghĩa và cách sử dụng

CSS :focus Pseudo-class được sử dụng để chọn và thiết lập phong cách cho các phần tử được tập trung.

Mô hình

Ví dụ 1

Chọn và thiết lập phong cách cho trường nhập khi được tập trung:

input:focus {
  background-color: yellow;
}

Thử ngay

Ví dụ 2

Khi trường nhập được tập trung, thay đổi màu nền và độ rộng:

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

Thử ngay

Ngữ pháp CSS

:focus {
  các quy định css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn pseudo-class.

Trang liên quan

Hướng dẫn:Phụ thuộc CSS