更改 Google Chrome 的默认 CSS

Geo*_* IV 50 google-chrome css

我希望能够更改 chrome 使用的默认 CSS,例如删除链接的下划线等。但是,我找不到 Chrome 使用的默认 CSS 文件。有谁知道它在哪里?

myf*_*myf 35

(更新 2014)由于最近从 Google Chrome 中删除了对用户样式表的支持,此时唯一的选择是使用扩展程序(如Stylus *1),但它们的行为会有所不同(见下文)。

在 Google Chrome 中重新引入真正的用户样式表的最相关请求是问题 347016:支持用户样式表

根据规范,“真实用户样式表”规则在级联中比作者规则具有更低的起源特异性,但!important用户样式表规则比作者规则具有更高的起源特异性!important,无论其选择器特异性如何

在 Chrome 中模仿用户样式表的扩展程序只是将(希望)最后一个样式元素注入页面,会产生一些后果:

  • 这种风格在级联中处于“作者级别”,因此您必须确保您的!important规则比您要覆盖的规则具有更高的特异性
  • “您的”注入样式暴露给页面脚本,因此他们可以轻松地随意删除它。

*1 原始扩展Stylish目前(2017 年)由新维护者开发不稳定,因此我建议避免使用它并使用上述 Stylus 之类的替代品。


(以下原始答案现已过时。)

Afaik 无法调整 UA css 本身,但您可以创建全局用户样式:使用--enable-user-stylesheet. 这将创建<user-data-dir>/<profile>/User StyleSheet/Custom.css您可以使用的内容(更改会立即传播)。 http://code.google.com/p/chromium/issues/detail?id=2393

  • 扩展现在可以注入具有“用户”级别权限的样式。https://developer.chrome.com/apps/extensionTypes#type-CSSOrigin (2认同)

小智 8

您可以查看此讨论:问题 2393:支持用户样式表

最后他们提到--enable-user-stylesheet启动 Chrome 时的参数将启用自定义样式表。


har*_*ymc 4

我能想到的唯一解决方案是使用 Greasemonkey 脚本,该脚本向每个 html 页面添加一个样式条目,从而关闭链接的下划线。就像是:

<style> a {text-decoration:none} </style>
Run Code Online (Sandbox Code Playgroud)

这篇文章显然可以帮助您入门:
如何:安装 Google Chrome Greasemonkey 脚本(仅限 Windows)

  • 我觉得很有趣的是我不能直接修改CSS。Firefox 有 userChrome.css 和 userContent.css,这使得修改外观变得异常简单。 (4认同)