主题美化——右侧上下滚轮美化

显示效果

实现方式

在主题style.css文件插入如下代码：

PS：如果主题自带插入代码功能可以在自定义CSS处插入

/*右侧上下滚轮美化*/
::-webkit-scrollbar {
	width: 8px;  
	height: 1px;
}
::-webkit-scrollbar-thumb {
	background-color: #12b6f5;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #f6f5f6;
}

 温馨提示

此代码在部分主题存在bug，移动端主页面无法显示效果，比如本网站使用的corenext主题；同时在Gecko内核的浏览器上也是同样问题。