如何设置滚动条样式？

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_36671474/article/details/72818348

/*****设置滚动条样式*****/
::-webkit-scrollbar { width: 12px;}
/* 滚动槽 */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 10px; background: rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(48,184,153,0.4);
}