首先,给个默认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; }
预览图就是这个效果