Hướng dẫn how do you make an active button in html? - làm thế nào để bạn tạo một nút hoạt động trong html?

Nó được sử dụng để người dùng tương tác với một hệ thống và thực hiện hành động bằng cách thực hiện các lựa chọn. Các nút hoạt động CSS thuần túy được sử dụng để tạo một nút hoạt động hoạt động khi người dùng nhấp vào nút.

Lớp giả CSS ____4 đại diện cho một phần tử (chẳng hạn như một nút) đang được người dùng kích hoạt. Khi sử dụng chuột, "kích hoạt" thường bắt đầu khi người dùng nhấn nút chuột chính.

Thử nó

Lưu ý: Trên các hệ thống có chuột đa nút, CSS chỉ định rằng lớp giả :active chỉ phải áp dụng cho nút chính; Trên chuột thuận tay phải, đây thường là nút ngoài cùng bên trái. On systems with multi-button mice, CSS specifies that the :active pseudo-class must only apply to the primary button; on right-handed mice, this is typically the leftmost button.

Cú pháp

Ví dụ

Liên kết hoạt động

HTML

<p>
  This paragraph contains a link:
  <a href="#">This link will turn red while you click on it.a>
  The paragraph will get a gray background while you click on it or the link.
p>

CSS

/* Unvisited links */
a:link {
  color: blue;
}
/* Visited links */
a:visited {
  color: purple;
}
/* Hovered links */
a:hover {
  background: yellow;
}
/* Active links */
a:active {
  color: red;
}

/* Active paragraphs */
p:active {
  background: #eee;
}

Kết quả

Các yếu tố hình thức hoạt động

HTML

CSS

CSS

form :active {
  color: red;
}

form button {
  background: white;
}

Kết quả

Tính tương thích của trình duyệt web

• Bảng BCD chỉ tải trong trình duyệt