如何将侧滚动条变为彩色（WordPress滑块设置）

WordPress的默认浏览器侧边栏滚动条非常难看。当然，一些WordPress主题有自己的美化侧边栏，我们不需要自己美化它。有些WordPress主题没有美化侧边栏，所以我们这时候需要美化它！今天，教我们如何定制和美化侧翻栏。其实很简单。你只需要一段代码就可以自定义和美化WordPress的侧边栏，这段代码适用于大多数WordPress主题。

教程解释/使用教程

通用主题将使用它们自己的自定义代码进行设置。只需在主题设置自定义css代码中添加美化CSS代码即可美化它们！

如果主题没有自定义代码，请在WordPress主题目录文件中查找style.css文件或查找“外观-》；自定义-》额外css中的美化CSS代码可以很漂亮！

单色滚动条代码:

/*滚动条显示样式*/::-Webkit-Scroll bar-thumb { background-color:# ff 6666；/*更改您喜欢的十六进制颜色*/height:50px；轮廓偏移:-2px；大纲:2px solid # fff-WebKit-border-radius:4px；边框:2px solid # fff}/*滚动条大小*/::-Webkit-Scroll bar { width:8px；高度:8px}/*滚动框背景样式*/::-Webkit-Scroll bar-track-piece { background-color:# fff；-WebKit-border-radius:0；}彩色滚动条代码:

/* *彩色滚动条样式*/::-Webkit-scroll bar { width:10px；高度:1px}::-WebKit-scroll bar-thumb { background-color:# 12b7f 5；背景-图像:-WebKit-线性-渐变（45deg，rgba（255，93，143，1）25%，透明25%，透明50%，rgba（255，93，143，1）50%，rgba（255，93，143，1）75%，透明75%，透明）；}::-WebKit-scroll bar-track {-WebKit-box-shadow:inset 0 0 5px rgba（0，0，0，0.2）；背景:# f6f6f6}

这几篇文章你可能也喜欢：

• 如何清除WordPress缓存？（WordPress消耗内存）
• 如果将图像上传到 WordPress 网站时出现 HTTP 错误，我该怎么办？
• 如何解决WordPress媒体库图片加载错误（WordPress媒体库文件路径）
• 如果您的WordPress站点无法更新怎么办（如何设置WordPress站点地址）
• 如何防止独立WordPress外贸网站被搜索引擎索引

本文由主机参考刊发，转载请注明：如何将侧滚动条变为彩色（WordPress滑块设置） https://zhujicankao.com/110647.html