Thuộc tính accent-color CSS

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

accent-color Thuộc tính này được sử dụng để chỉ định màu nhấn cho các phần tử giao diện người dùng, ví dụ:

<input type="checkbox">
<input type="radio">
<input type="range">
<progress>

Mẫu

Đặt màu nhấn cho các phần tử giao diện người dùng khác nhau:

input[type=checkbox] {
  accent-color: red;
}
input[type=radio] {
  accent-color: green;
}
input[type=range] {
  accent-color: rgb(0, 0, 255);
}
progress {
  accent-color: hsl(39, 100%, 50%);
}

Thử ngay

Cú pháp CSS

accent-color: auto|color|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Trình duyệt chọn màu nhấn.
color

Đặt màu làm màu nhấn.

Có thể sử dụng tất cả các giá trị màu hợp lệ (rgb,十六进制, tên màu...).

Để biết thêm thông tin về giá trị hợp lệ, hãy xem hướng dẫn màu CSS của chúng tôi.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Là
Chế tạo animation: Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS4
Cú pháp JavaScript: object.style.accentColor="red"

Hỗ trợ trình duyệt

Số liệu trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0