Tạo thanh cuộn màu scrollbar color toàn trang web

Tạo thanh cuộn Scrollbar sẽ giúp website của bạn có thanh cuộn cùng với màu sắc chủ đạo để tăng mức độ đồ bộ cho website giúp nhận diện website dễ dàng hơn thay vì sử dụng thanh cuộc mặc định.
Thanh cuộn Scrollbar bạn có thể tùy chính được màu sắc tùy ý theo sở thích của mình
thanh cuộn màu scrollbar color
thanh cuộn màu scrollbar color

Hướng dẫn tạo cuộn Scrollbar

Bước 1: Các bạn vào mẫu và dán đoạn code bên dưới trên thẻ ]]></b:skin>
Bước 2: Các bạn hiện chỉnh lại màu sắc bằng mã màu khác với những đoạn code mình đã tô đậm
/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
Chúc bạn thành công!

Kiến thức xem thêm:
Chủ đề:



Chúc bạn có thêm kiến thức quý báu!
In trang (Ctrl+P) ·

1 nhận xét:

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước .

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Khi xuất bản bài viết chắc chắn không tránh khỏi lỗi về chính tả, cú pháp.

  1. Cái này chỉ có tác dụng trên Chrome hoặc cococ thôi, firefox không tác dụng

    Trả lờiXóa