如何使用html和css自定义滚动条

Question

如何将默认滚动条样式更改为自定义滚动条,

这可能与没有java脚本和j查询的html和css有关

提前致谢

Answer 1

您可以更改颜色,但目前它仅适用于webkit浏览器.

::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);*/ 
    -webkit-border-radius: 10px;
    background-color:#fff;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#666; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}