共计 476 个字符,预计需要花费 2 分钟才能阅读完成。
/* 定义滚动条高宽及背景 高宽别离对应横竖滚动条的尺寸 */
::-webkit-scrollbar
{
width: 10px;
height: 10px;
background-color: #F5F5F5;
// background-color: red;
}
/* 定义滚动条轨道 内暗影 + 圆角 */
::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
// border-radius: 10px;
background-color:rgb(25, 69, 78);
}
/* 定义滑块 内暗影 + 圆角 */
::-webkit-scrollbar-thumb
{
border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: rgb(16, 106, 117);
}
在我的项目内, 须要 滚动条的中央, 能够在盒子内应用 over-flow-x 或 over-flow-y, 即能看见滚动条, 呈现, 联合下面的款式, 依据设计图更改出想要的滚动条
正文完