1 篇博文 含有标签「scrollbar」

/* 设置滚动条的整体样式 */
::-webkit-scrollbar {
    /* 滚动条的宽度，纵向滚动时有效 */
    width: 12px;
    /* 滚动条的高度，横向滚动时有效 */
    height: 12px;
}

/* 设置滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
    /* 滑块的颜色 */
    background-color: rgba(0, 0, 0, 0.25);
    /* 滑块的圆角 */
    border-radius: 6px;
}

/* 当鼠标悬停在滑块上时，改变滑块的颜色 */
::-webkit-scrollbar-thumb:hover {
    /* 滑块的颜色 */
    background: rgba(0, 0, 0, 0.45);
}

/* 设置滚动条轨道的样式 */
::-webkit-scrollbar-track {
    /* 滚动条轨道的颜色 */
    background: rgba(0, 0, 0, 0.05);
    /* 滚动条轨道的圆角 */
    border-radius: 6px;
}

/* 滚动条角落的颜色 */
::-webkit-scrollbar-corner {
    /* 滚动条角落的颜色 */
    background: rgba(0, 0, 0, 0.05);
}