Kiểu khi nhấn

Lớp giả :active áp dụng kiểu cho một phần tử khi người dùng kích hoạt phần tử đó, thường là khi người dùng nhấp vào phần tử và giữ nút chuột.

Ví dụ:

<button class="action-button">Click Me!</button>

Thêm CSS để định kiểu cho nút khi đang được nhấn:

.action-button {
  background-color: blue;
}
.action-button:active {
  background-color: darkblue;
}

Khi bạn nhấp và giữ nút, màu của nút sẽ chuyển từ xanh dương sang xanh đậm. Nhờ vậy, người dùng có thể thấy thao tác của họ đang được ghi nhận.