Chrome 滚动条美化:在 Overlay Scrollbars 被取消之后

date
Mar 15, 2020
slug
chrome-scrollbar-stylish
status
Published
summary
tags
Engineering
Crack
type
Post
自从 Chrome 取消了 overlay ,滚动条实在有碍观感。
 
参考 reddit 网友做法,用 stylus 对任意网站美化 Chrome 滚动条:
  1. 在 Chrome 中安装 stylus 插件以自定义状态栏样式
  1. 在 stylus 中新建下列样式并“应用于所有页面”
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #dddddd00;
}

::-webkit-scrollbar-button {
    width: 5px;
    height: 5px;
    background: #dddddd00;
}

::-webkit-scrollbar-button:hover {
    background: #d1d1d188;
}

::-webkit-scrollbar-thumb {
    background: #cccccc88;
}

::-webkit-scrollbar-thumb:hover {
    background: #88888888;
}

::-webkit-scrollbar-track {
    background: #dddddd00;
}
 
这样就可以了 ?

Reynard © 2021

Powered byVercel