Trang trí lại thanh trượt trong trình duyệt khi duyệt trang web

Như chúng ta biết, trình duyệt web sẽ xuất hiện một thanh trượt dọc khi trang web của chúng ta có nội dung dài, mặc định thanh trượt này có màu xám đơn giản, đôi khi bạn muốn thay đổi màu và kích thước cho phù hợp với giao diện của trang web của mình thì làm như thế nào? Sau đây mình chia sẽ với bạn một cách làm đơn giản mà trên mạng đã chia sẽ.

Thanh truợt mặc định

• Để thay đổi bạn thêm đoạn code sau trên thẻ ]]></b:skin>

/*Mau thanh cuon 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(255,127,26,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,127,26,0.4);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

 }


Thanh truợt đã thay đổi

• Bạn thay đổi mã màu  rgba để thay đổi màu cho thanh trượt nha.