zibll右侧彩色滚动条样式代码

zibll右侧彩色滚动条样式代码

使用教程

把下面的代码放在站点后台 >>zibll主题设置 >> 全局&功能 >> 自定义代码 >>自定义CSS样式 然后把代码添加框框中即可。

演示图片

图片[1]-zibll右侧彩色滚动条样式代码-乡野博文

代码

/**彩色滚动条样式*/
::-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右侧彩色滚动条样式代码-乡野博文

代码

/**彩色滚动条样式*/
::-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);
}
温馨提示:本文最后更新于2022-05-12 20:50:15,某些文章具有时效性,若有错误或已失效,请在下方留言或联系乡野博文
您阅读这篇文章共花了: 0小时00分00秒
-----本页内容已结束,喜欢请分享!-----
© 版权声明
THE END
喜欢本站内容,请点【点赞】【分享】和【收藏】~
点赞14 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容