javascript - 更改div的滚动条颜色

Question

我有一个包含很多行的 div (thymeleaf cicle)，所以我使用滚动条来查看所有元素。现在我会改变这个滚动条的颜色，但我不知道如何。我已经阅读并尝试了许多指南，但没有任何结果。这是我在 js 文件中的滚动条代码:

$(window).on("load resize",function() {
    winHeight = $(window).height();
    $('#scrollerCa').css({
        'max-height' : (winHeight)-100 + "px",
        'overflow-y' : "auto",
        'overflow-x' : "hidden",
    });
});

有人知道如何改变颜色吗？现在很糟糕提前致谢

Answer 1

使用这些简单的滚动条 CSS 属性:

scrollbar-face-color: #000000;  
scrollbar-shadow-color: #2D2C4D;  
scrollbar-highlight-color:#7D7E94;  
scrollbar-3dlight-color: #7D7E94;  
scrollbar-darkshadow-color: #2D2C4D;  
scrollbar-track-color: #7D7E94;  
scrollbar-arrow-color: #C1C1D1;  

当然你应该把它放在 #yourdiv{} 或 .yourdiv{}

检查 this链接。