css设置滚动条样式

最新推荐文章于 2024-11-10 16:28:30 发布

原创最新推荐文章于 2024-11-10 16:28:30 发布 · 445 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

.item-list-items-server {
border: 1px solid red;
height: 400px;
overflow: auto;
/* 内容溢出时显示滚动条 */
}

.item-list-items-server::-webkit-scrollbar {
    width: 8px;
    /* 设置滚动条宽度 */
    background-color: #f5f5f5;
    /* 设置滚动条背景色 */
}

.item-list-items-server::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* 设置滚动条滑块颜色 */
}

.item-list-items-server::-webkit-scrollbar-thumb:hover {
    background-color: #a3a2a2;
    /* 设置滚动条滑块在鼠标悬停时的颜色 */
}