/*修改滚动条*/
.scroll {
scrollbar-color: #f0f0f0;
/* 第一个方块颜色,第二个轨道颜色(用于更改火狐浏览器样式) */
scrollbar-width: thin;
/* 火狐滚动条无法自定义宽度,只能通过此属性使滚动条宽度变细 */
-ms-overflow-style: none;
}
::-webkit-scrollbar {
width: 5px;//这是竖向滚动条的宽度。如果是横向滚动条则设置height
height: 5px;
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
background: #4BB86E !important;
}
::-webkit-scrollbar-track {
width: 5px!important;//这是竖向滚动条的宽度。如果是横向滚动条则设置height
background: #f0f0f0;
border-radius: 3px;
}
/*修改滚动条结束*/
自定义滚动条样式
最新推荐文章于 2024-08-15 09:43:14 发布