Question

Chrome最近更新为（版本33.0.1750.117 m），我使用的是自定义滚动条，因为我讨厌那个白色滚动条。此更新已经发布，此代码不再影响此浏览器。

::-webkit-scrollbar {height: 12px!important;width: 12px!important;background: -webkit-linear-gradient(40deg , #000000 , #1e1e1e , #000000 100%)!important;} ::-webkit-scrollbar-thumb {background-color: #840000!important;border-radius: 16px!important;} ::-webkit-scrollbar-corner {background: #0000!important;}

任何人都知道他们做了什么，最重要的是如何重新开始工作。谢谢:)）

Answer 1

以下是在Google Chrome中恢复自定义CSS的解决方法：

创建一个文件夹并调用它，比如CustomCss

在文件夹中，使用以下内容创建名为manifest.json的文件：

{
    "name": "My Style Sheet",
    "content_scripts": [
        {
          "matches": ["*://*/*"],
          "css": ["Custom.css"]
        }
    ],
    "version": "1.0.0",
    "description": "User StyleSheet replacement",
    "manifest_version": 2
}

在文件夹中，从 User StyleSheets 文件夹中复制Custom.css文件。
转到chrome：// extensions
确保选中开发者模式。
单击[加载解压缩的扩展程序...]
浏览到步骤1中创建的文件夹，然后单击[确定]。
松了一口气。

来源：Comment #4 on Chromium Issue 340072

Answer 2

整个用户样式表（Custom.css）已损坏。我已经报告了一个问题（来自“关于”页面）。

使用像Stylish这样的扩展程序并不是一个更好的选择，因为扩展会占用RAM，因为有很多有用的扩展程序你已经有了一些（谷歌词典，AdBlock以及修复下载书架的东西）。用户脚本也是一个糟糕的选择，因为没有全局样式。我使用Custom.css来设置图像网址和内部网址的样式，例如chrome://settings，我不相信我可以使用用户脚本。

我道歉我没有修复，但我无法发表评论。

Answer 3

我的Chrome浏览器版本为34.0.1847.116 m。我的chrome中仍然使用以下样式：

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(255,255,255, 0);
    -webkit-border-radius: 100px;
}
::-webkit-scrollbar:hover {
    width: 7px;
}

::-webkit-scrollbar-thumb {
    background: #FAE5F6;
    -webkit-border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active  {
    background: #fabae1;
}

检查一次....如果仍然无效，请在升级Chrome后尝试...

希望有所帮助：）

Google Chrome Custom.css webkit-scrollbar不再有效

3 个答案: