代码适用于柒比贰seven主题、B2主题、日主题RiPro主题,其他主题滚动条美化原理相同,请自行测试。
美化css代码放入主题样式文件内即可。
/*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{ background-color:#03a9f4; height:50px; outline-offset:-2px; outline:2px solid #cddc39; -webkit-border-radius:4px; border: 2px solid #fff; } /*---鼠标点击滚动条显示样式--*/ ::-webkit-scrollbar-thumb:hover{ background-color:#00bcd4; height:50px; -webkit-border-radius:4px; } /*---滚动条大小--*/ ::-webkit-scrollbar{ width:15px; height:10px; } /*---滚动框背景样式--*/ ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; }