如何将 Google Chrome 中的滚动条更改为不同颜色？

Question

我不喜欢 Google Chrome 的默认滚动条：

有什么办法可以改变它的颜色吗？

Answer 1

好消息是，如果您使用 chrome，您几乎可以在任何地方进行更改。
到这里，插件名称就是我们要找的Styleish：

https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe
安装它，然后创建这样的样式：

现在您可以粘贴以下代码

::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #840000;
  border: 1px solid #802113;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f90000;
}
::-webkit-scrollbar-thumb:active {
  background: #ff2b2b;
}
::-webkit-scrollbar-track {
  background: #e80000;
  border: 0px none #ffffff;
  border-radius: 53px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

当然，如果你不喜欢红色背景，你可以编辑背景部分。
但是，如果您更喜欢视觉解决方案，您可以在此处生成自己的滚动条：
http ://mikethedj4.github.io/Webkit-Scrollbar-Generator/
完成编辑后，按保存按钮，刷新页面，现在几乎到处都有漂亮的滚动条。
注意：
您可以"!important"为颜色添加属性，这对 css 意味着：
“嘿，这很重要，所以我不关心此元素的任何其他设置”
语法：

background: #666666 !important;

当然，您可以使用简单的颜色名称，例如黑色或红色等，但我认为颜色代码更漂亮，因为您会获得所需的相同颜色。
如果你选择这种方法，你可以使用这个混色器，例如：
http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=000000&colortop=FFFFFF
就是这样，现在你可以在蛤蜊中工作，没有任何问题丑陋的滚动条。
注 2：
是的，它在某些页面上存在一些问题，但我认为重要的属性是可以解决它。