自定义滚动条CSS样式

首先,给个默认css,清除掉以前的样式,给默认背景

.scrollbar {
margin-left: 30px;
float: left;
height: 300px;
width: 65px;
background: #F5F5F5;
overflow-y: scroll;
margin-bottom: 25px;
}

然后给自定义宽度和颜色

.scrollbar::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}

预览图就是这个效果

自定义滚动条CSS样式

上一篇:Java使用阿里云OSS对象存储上传图片


下一篇:php简单实用的操作文件工具类(创建、移动、复制、删除)