WordPress建站 侧边滚动栏美化教程 可自定义

WordPress建站 侧边滚动栏美化教程 可自定义

支持滚动条显示样式、更改十六进制颜色，支持滚动条宽度设置、滚动框背景样式。

/*滚动条显示样式*/
::-webkit-scrollbar-thumb {
    background-color: var(--focus-color);
    //随意更改喜欢的十六进制颜色
    height: 50px;
    outline-offset: -2px;
    -webkit-border-radius: 4px;
}

/*滚动条宽度设置*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/*滚动框背景样式*/
::-webkit-scrollbar-track-piece {
    background-color: var(--main-bg-color);
    -webkit-border-radius: 0;
}