使用教程
把下面的代码放在站点后台 >>zibll主题设置 >> 全局&功能 >> 自定义代码 >>自定义CSS样式 然后把代码添加框框中即可。
演示图片
![图片[1]-zibll右侧彩色滚动条样式代码-乡野博文](http://www.zau.cn/wp-content/uploads/2022/04/20220411205649.png)
代码
/**彩色滚动条样式*/
::-webkit-scrollbar {
width: 5px;
height: 1px;
}
::-webkit-scrollbar-thumb {
background-color: #12b7f5;
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: #f6f6f6;
}.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}@media (max-width:640px) {
.meta-right .meta-like{
display: unset !important;
}
}
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
element.style {
}
#postcomments .comment-content img:not(.smilie-icon) {
max-width: 100%;
max-height: 100%;
display: block;
width: auto;
height: auto;
}.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.enlighter-toolbar{display:none !important;}@media (max-width:640px) {
.meta-right .meta-like{
display: unset !important;
}
}
演示图片
![图片[2]-zibll右侧彩色滚动条样式代码-乡野博文](http://www.zau.cn/wp-content/uploads/2022/02/f231f74e9b92-3.png)
代码
/**彩色滚动条样式*/
::-webkit-scrollbar {
width: 5px;
height: 1px;
}
::-webkit-scrollbar-thumb {
background-color: #12b7f5;
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);
}
您阅读这篇文章共花了: 0小时00分00秒
THE END
暂无评论内容