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

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的解决方法:

1. 创建一个文件夹并调用它,比方说 CustomCss

2. 在该文件夹中,创建一个manifest.json使用以下内容调用的文件:

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

3. 在该文件夹中,Custom.css从User StyleSheets文件夹中复制文件.
4. 转到chrome:// extensions
5. 确保选中开发者模式.
6. 单击[加载未压缩的扩展名...]
7. 浏览到步骤1中创建的文件夹,然后单击[确定].
8. 松了一口气.

资料来源:关于Chromium Issue 340072的第4号评论

Answer 2

我的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 后尝试...

希望能帮助到你 ：）