我可以为我不拥有的网站设置CSS规则吗?

时间:2013-12-30 14:03:33

标签: css browser

考虑这种情况:

我每天都在使用网站服务,我不喜欢菜单背景颜色。 如果我检查元素,我可以看到菜单CSS类被称为“我的菜单”,并且使用开发人员工具我可以改变背景颜色,但很明显,当我刷新页面时,我的更改将会丢失。 / p>

有没有办法定义从现在开始每当我浏览这个网站时,“my-menu”类将包含我的更改?有没有办法使用未在加载页面中定义的CSS规则并将它们作为最高优先级?

5 个答案:

答案 0 :(得分:4)

您可以使用Stylish之类的浏览器扩展程序,并为其创建自定义样式表(称为用户名称)。

Stylish for Firefox
Stylish for Chrome

您可以在this网站中找到已创建的用户类型,有关创建自己的用户的文档等。

Installing & Using Stylish Creating your own userstyles Userstyles Help

答案 1 :(得分:1)

您可以使用Stylish和GreaseMonkey这样的扩展程序,但只能在您的浏览器上使用。

使用GreaseMonkey add-on,有一个很好的维基解释了如何安装脚本( JavaScript )和自定义网页:http://wiki.greasespot.net/Greasemonkey_Manual:Installing_Scripts。但是,您必须只处理Javascript。

另一方面, Stylish允许您覆盖CSS (这可能是您首先想要的)。
这是时尚配置文件的一个例子:

@-moz-document domain(stackoverflow.com) {
    body {
        background-color: black !important; // switch to a dark theme for SO
    }
}

时尚也是available on Chrome

答案 2 :(得分:1)

你可以在Chrome中使用额外的插件,也很可能在Firefox中使用。

基本上它是CSS的自然特征,称为用户代理样式表。

适用于Chrome

  1. 转到关于:版本的网址,并记下“个人资料路径”。
  2. 浏览到文件浏览器中的配置文件路径。在配置文件文件夹中,打开User StyleSheets文件夹。在“User StyleSheets”中,应该有一个名为Custom.css的文件,默认为空。
  3. 只需在Custom.css中添加样式。
  4. 适用于Firefox

    有两个文件

    1. resource://gre-resources/html.css
    2. resource://gre-resources/quirk.css
    3. 您可以在Firefox安装文件夹的omni.ja存档中找到它们。

      omni.jar/chrome/toolkit/res

      对于Firefox替代

      1. 打开开发工具
      2. 转到样式编辑器
      3. 点击import按钮并导入样式表

答案 3 :(得分:0)

当然,最简单的方法是为Chrome创建Chrome extension,或者如果您使用的是FireFox,则可以使用"Grease Monkey"

另一种更复杂的方法是设置一个代理,将CSS文件替换为自定义文件。如果您使用的是Windows,我建议Fiddler,如果是osx,请使用Charles

答案 4 :(得分:0)

好吧,您可以使用Chrome的开发工具并在Sources标签上修改您的css。
你可以在那里编辑你的代码,你可以在你的CSS上复制粘贴。您可以在开发工具右侧的Styles属性上执行相同的操作,双击该样式。 (:


我在记事本上工作++:o

早上^^