有没有办法用我自己的方式覆盖网站的 CSS？答案

【问题标题】：Is there a way I can over ride a web site's CSS with my own?有没有办法用我自己的方式覆盖网站的 CSS？
【发布时间】：2011-07-24 05:15:05
【问题描述】：

我每天都在使用一个网站，它有一个非常棒的语言学习闪存卡系统。

但是，该网站的作者似乎对什么是良好的可用性有着非常奇怪的感觉。它们使字体大小如此之大，以至于每个屏幕只能显示几行文本，并且您必须向下滚动才能访问按钮。不要让我开始了解从移动设备访问该网站的感觉。

我一直在与该网站的开发人员联系，我什至为他们编写了 CSS 和标头代码，以便尝试提供帮助。虽然他们是好人，但不幸的是，他们几个月来一直不愿意或无法做出改变。

所以，我要流氓了...我希望能够强加我自己该死的 CSS。

我隐约记得这是 Firefox 插件中的一种可能性，但现在似乎找不到。

无论如何，因为我也渴望在我的手机上使用它，所以这里是理想的解决方案：

我希望能够在我的网络服务器上设置一个页面，该页面中继到源网站，但重写 CSS 并使用我自己的 CSS 显示给我。

这可能吗？我知道一些覆盖内联样式的 CSS 技巧，但我不太清楚如何设置网页来中继另一个页面的内容。

我希望我的解释和目标是明确的。如果我没有正确传达其中的任何部分，我会尝试进一步澄清。

感谢您的任何提示。

更新：这是我放在 userContent.css 中的 CSS，用于尝试控制字体大小。

@-moz-document domain(badsite.com) {
body {
font-size: 12px;
}
font {
 font-family: inherit !important;
font-size: inherit !important;
color: inherit !important;
}
}

【问题讨论】：

首先，尝试缩小缩放。如果您可以通过将缩放比例缩小到 70% 来使所有内容都适合，那么这可能是最简单的解决方案。许多现代浏览器都支持放大和缩小。网站设计师可能拥有巨大的高像素屏幕。
其次，许多现代浏览器允许您将“用户代理样式表”附加到重新设置网站的样式。用户代理表通常优先于网站的样式表。
斯蒂芬，如果只是字体大小的问题，那么缩放可能会起作用。但是我们正在谈论很多样式问题。此外，如果我缩小以使文本大小合理，按钮之类的东西会缩小，变得荒谬地无法使用。不过，感谢您的建议。
您可以缩放整个页面，而不仅仅是字体。我不是在谈论 Text-Size 设置。
仅供参考，您所指的 Firefox 附加组件称为 Stylish，现在也称为 available for Chrome。

标签： javascript html css hosting overriding

【解决方案1】：

You can edit userContent.css in Firefox。使用 @-moz-document 仅定位该网站。

@-moz-document domain(bad-ui-site.com) {
   body {
      font-size: 80%;
   }
}

我希望能够在我的网络服务器上设置一个页面，该页面中继到源网站，但重写 CSS 并使用我自己的 CSS 显示给我

我建议你不要。这很困难，而且可能违反了他们的条款。

【讨论】：

好提示。这可能是一种方法，尽管就像我提到的那样，我认为服务器端解决方案可能是一种方法。除非...如果我可以在我的 Android 手机上做类似的事情来覆盖 CSS，就像你在那里所做的那样，那么在这两种解决方案之间我可能有我需要的东西。
@ebisudave 我对 Android 不熟悉，所以抱歉帮不了你。
嗯...这行不通。我的 Firefox 配置文件目录中有 userContent.css，我添加了以下代码来否定标记并应用 12px 字体大小。知道我要去哪里发牢骚吗？ @-moz-document domain(badsite.com)url(http://www.badsite.com/),url-prefix(http://www.badsite.com/) { font[style] {`font-family: inherit !important;font-size: inherit !important;color: inherit !important;}body {body {font-size: 12px;}}span>6
@ebisudave 这很难内联阅读，你能编辑你原来的问题并放置这个 CSS 吗？
对不起，我很讨厌 cmets。我以为我使用了 minimarkdown。我将代码添加到原始问题中。

【解决方案2】：

我相信你所指的 FireFox 插件是FireBug

至于您遇到的问题，我认为 Internet Explorer 允许您为网页定义自己的默认样式？

【讨论】：

@J.T.S.：不，很确定是Stylish。
啊！是的！使用@Marcel，时尚，而不是 Firebug
时尚或 Web 开发人员工具栏（CSS > 添加用户样式表）

【解决方案3】：

根据站点结构及其安全性，您可以使用您自己的站点作为它的代理。通过这种方式，您将有权更改任何客户端内容，例如 css、js 和 html。
这不太可能发生，因为这意味着将整个站点“重定向”到另一个站点需要付出很大的努力；在许多情况下，如果站点不安全，它肯定具有您想在代理中使用的服务器端功能，并且您无法使用此方法“复制”。

【讨论】：