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

标签 google-chrome webkit scrollbar

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;}
任何人都知道他们做了什么,最重要的是如何让它再次工作。谢谢 :)

最佳答案

这是在 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
    }
    
  • 在文件夹中,复制您的 Custom.css用户样式表文件夹中的文件。
  • 转到 chrome://extensions
  • 确保选中开发人员模式。
  • 点击【加载解压后的扩展...】
  • 浏览到在步骤 1 中创建的文件夹,然后单击 [确定]。
  • 松了一口气。

  • 来源:Comment #4 on Chromium Issue 340072

    关于google-chrome - Google Chrome Custom.css webkit-scrollbar 不再有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21948850/

    相关文章:

    Android:滚动条加速器?

    html - 在约 10% 的页面加载中,字体在 chrome 中水平堆叠

    javascript - 如何通过 WebKit (JavaScript) 使用 Touch Bar

    css - webkit rtl 绝对位置错误?

    twitter-bootstrap - Bootstrap 3 导航下拉菜单

    css - 滚动条样式不适用于 IE

    javascript - JavaScript 调试延迟

    javascript - Chrome 扩展 API sendMessage(更新后 : 49. 0.2623.87)

    javascript - Google Chrome 上 WebAudio API 的不同行为

    ios - 在 iOS 上禁用全屏自动播放