🌈彩虹滚动条，🌟美化页面的横向纵向滚动条，💖给你视觉上的舒适！🌈
目前为
// ==UserScript==
// @name 🌈彩虹滚动条🌈
// @namespace https://github.com/bencky1017/browserplugin/
// @version 1.0.0
// @description 🌈彩虹滚动条，🌟美化页面的横向纵向滚动条，💖给你视觉上的舒适！🌈
// @icon data:image/png;base64,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
// @author BenckyC
// @license MIT
// @match *://*/*
// @grant GM_addStyle
// @note 2023-12-29 14:28:54 1.0.0 设置网页全局彩虹滚动条样式
// ==/UserScript==
(function () {
'use strict';
GM_addStyle(`
::-webkit-scrollbar{
width: 14px;
height: 14px;
display: static;
}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 12px rgba(0,0,0,1);
background:linear-gradient(to bottom, #FF567F, #FBEB91,#2EC2FF,#8375FF);
display:none;
}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 10px rgba(255,255,255,1);
background:linear-gradient(to bottom, #FF567F, #FBEB91,#2EC2FF,#8375FF);
}
/*定义水平滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track:horizontal{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 12px rgba(0,0,0,1);
background:linear-gradient(to right, #FF567F, #FBEB91,#2EC2FF,#8375FF);
display:none;
}
/*定义水平滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb:horizontal{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 10px rgba(255,255,255,1);
background:linear-gradient(to right, #FF567F, #FBEB91,#2EC2FF,#8375FF);
}
/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
background-color:#343d46;
display: none;
}
/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
background:#00000000;
display: none;
}
/* 滚动框背景样式 */
::-webkit-scrollbar-track-piece {
background-color: #343d46;
/* 背景色 */
display:none;
}
/*---滚动条默认显示样式--*/
/* ::-webkit-scrollbar-thumb {
background-color: #018EE8;
height: 50px;
outline-offset: -2px;
outline: 2px solid #fff;
-webkit-border-radius: 4px;
border: 2px solid #fff;
} */
/*---鼠标点击滚动条显示样式--*/
/* ::-webkit-scrollbar-thumb:hover {
background-color: #FB4446;
height: 50px;
-webkit-border-radius: 4px;
} */
/*---滚动条大小--*/
/* ::-webkit-scrollbar {
width: 16px;
height: 16px;
} */
/*---滚动框背景样式--*/
/* ::-webkit-scrollbar-track-piece {
background-color: #fff;
-webkit-border-radius: 0;
} */
`);
})();