一篇很短的食谱。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4cfd1030-c6eb-4557-9125-6219892e327b/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/29782bb4-fe1d-4a4a-a1a0-94c9538f7be4/Untitled.png

一、chrome 类的浏览器(chrome、新 edge、360、搜狗)或者 Firefox 去浏览器应用商店下载一个插件叫 Stylus

不会魔法上网的可以试试这个下载连接,我没试过不保证无毒: https://huajiakeji.com/web-development/2019-04/2409/download.html

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b382c060-b0bf-4583-9daa-e7b572cf8d57/3cfbdd60-618d-494a-b2df-fe48fde22509.jpeg

二、安装好后点开、选择管理样式

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b6dc9898-0443-4379-949e-ca09cee05a32/b2284c0e-e304-4eb3-87c9-da9e741a4a7d.jpeg

三、点击编写新样式

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/53949280-9c98-43f9-bb67-fb94f752cdad/bfac4704-539a-4322-94e0-3b47e79d2cc3.jpeg

四、添加样式名字,把滚动条样式复制进去,点击颜色小方块自己挑选滚动条颜色

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/749226bc-16ed-49ab-b393-b16b7214288c/df4133cf-5e70-4c5e-b901-1ce7e21db644.jpeg

复制进去的代码:

::-webkit-scrollbar { /* 滚动条宽 */
  width: 6px;
  height: 4px;
}
::-webkit-scrollbar-thumb { /* 滚动条 拖动条 */
  /* 这个是滚动块颜色 */
  background-color: #1d6630;
  border-radius: 6px;
}
::-webkit-scrollbar-track { /* 滚动条背景槽 */
  /* 这个是滚动条背景颜色 */
  background-color: #656262;
  border-radius: 6px;
}

保存后就可以了。

本文版权归 今天就死👻 所有,任何形式转载请联系作者。