细滚动条(light)

滚动条美化,此为浅色版

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name 细滚动条(light)
// @description 滚动条美化,此为浅色版
// @match http://*/*
// @match https://*/*
// @run-at document-start
// @license MIT
// @version 1.0
// @namespace https://greasyfork.org/users/971062
// ==/UserScript==
(function() {var css = [
	"html ::-webkit-scrollbar {",
	"    width: 5px !important;",
	"    height: 5px !important;",
	"}",
	"html ::-webkit-scrollbar-corner,",
	"html ::-webkit-scrollbar-track {",
	"    background: transparent !important;",
	"}",
	"html ::-webkit-resizer,",
	"html ::-webkit-scrollbar-thumb {",
	"    background: #aaa;",
	"    border-radius: 3px;",
	"}",
	"html ::-webkit-scrollbar-thumb:hover {",
	"    background: #888;",
	"}",
	"html,",
	"html * {",
	"    scrollbar-color: #aaa transparent;",
	"    scrollbar-width: thin !important;",
	"}"
].join("\n");

	var node = document.createElement("style");
	node.type = "text/css";
	node.appendChild(document.createTextNode(css));
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		heads[0].appendChild(node);
	} else {
		// no head yet, stick it whereever
		document.documentElement.appendChild(node);
	}
})();