给浏览器定义好看的滚动条样式,代码如下,这段代码只对webkit内核的浏览器有效,对IE和Firefox不起作用,大家可以有选择性地使用。
代码:
::-webkit-resizer { border-radius: .3125rem; background-color: #2f4056 } ::-webkit-scrollbar { width: .5rem; height: .5rem } ::-webkit-scrollbar-thumb { border-radius: .5rem; background-color: #41ACF0; background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.4) 75%,transparent 75%,transparent) }