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

date

Mar 15, 2020

slug

chrome-scrollbar-stylish

status

Published

summary

sdfsdfsdf

tags

Engineering

Crack

type

Post

自从 Chrome 取消了 overlay ，滚动条实在有碍观感。

参考 reddit 网友做法，用 stylus 对任意网站美化 Chrome 滚动条：

在 Chrome 中安装 stylus 插件以自定义状态栏样式

在 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;
}

这样就可以了 ?