等待加载

自定义Chrome浏览器的滚动条样式Rescroller

软件工具     2020-11-07

浏览页面的高度或宽度超过浏览器窗口大小时,可能会显示滚动条,这由网页css样式决定,同样的,滚动条样式也由它决定。Rescroller是用于Chrome浏览器的免费扩展,它可以让我们自定义滚动条样式。

Rescroller点击Rescroller的扩展图标即可开始设置,设置页面的滚动条会随着选项的更改而变化,其它已经打开的页面需要刷新才能看到效果。

滚动条尺寸及黑名单

设置滚动条尺寸更改滚动条尺寸,黑名单网站的滚动条样式将不会被覆盖,黑名单设置可能需要重新启动浏览器才会生效。

颜色阴影边框

颜色阴影边框设置滚动条的颜色(或者使用图片纹理填充横向纵向滚动条),阴影大小颜色,边框大小颜色样式。

滚动条圆角

圆角设置圆角,以及自定义鼠标停留和点击时滚动条的样式。

Background - 滚动条背景色、边框、圆角等设置。

Buttons - 设置是否显示滚动按钮及其样式。

滚动按钮设置Miscellaneous - 如果会使用css,可以在这里使用css代码自定义滚动条。

自定义css扩展安装地址:https://chrome.google.com/webstore/detail/rescroller/ddehdnnhjimbggeeenghijehnpakijod

也可以通过开发者加载的方式安装,github地址:https://github.com/davidofwatkins/rescroller

本文链接:https://www.xstui.com/read/1045