Thuộc tính scrollbar-color trong CSS

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

scrollbar-color Thuộc tính xác định màu của lối đi thanh cuộn (bg) và thanh cuộn (thanh cuộn).

Mô hình

Thiết lập màu của thanh cuộn phần tử:

div.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: pink lightblue;
}

Thử ngay

Cú pháp CSS

scrollbar-color: auto|color color;

Giá trị thuộc tính

Giá trị Mô tả
auto Thiết lập màu của thanh cuộn trình duyệt. Giá trị mặc định.
color color Màu sắc đầu tiên thiết lập màu của thanh cuộn, màu thứ hai thiết lập màu của lối đi thanh cuộn.
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: yes
Chế tạo animation: Không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation。
Phiên bản: Module Cấu hình Scrollbars CSS Level 1
Cú pháp JavaScript: object.style.scrollbarColor="red blue"

Hỗ trợ trình duyệt

Số 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
Opera Opera 121 64 Không hỗ trợ