CSS - 修改滚动条样式

2023-05-16

/* 整个滚动条 */
::-webkit-scrollbar { 
    width:5px; 
    height:5px; 
    background-color:#F5F5F5; 
}
/* 滚动条上的滚动滑块. */
::-webkit-scrollbar-thumb { 
    background-color:#FD2D3C; 
    border-radius: 50px;
}
/*  滚动条轨道. */
::-webkit-scrollbar-track { 
    -webkit-box-shadow:inset 0 0 6px rgba(0, 142, 255, 1); 
    box-shadow:inset 0 0 6px rgba(0, 142, 255, 1, 1); 
    background-color:#E7E3DF; 
}
/* 滚动条没有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
    background-color: #E7E3DF;
}
/* 当同时有垂直滚动条和水平滚动条时交汇的部分. */
::-webkit-scrollbar-corner {
    background:transparent;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS - 修改滚动条样式 的相关文章