考虑这种情况:
我每天都在使用网站服务,我不喜欢菜单背景颜色。 如果我检查元素,我可以看到菜单CSS类被称为“我的菜单”,并且使用开发人员工具我可以改变背景颜色,但很明显,当我刷新页面时,我的更改将会丢失。 / p>
有没有办法定义从现在开始每当我浏览这个网站时,“my-menu”类将包含我的更改?有没有办法使用未在加载页面中定义的CSS规则并将它们作为最高优先级?
答案 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 :
适用于Firefox :
有两个文件
resource://gre-resources/html.css
resource://gre-resources/quirk.css
您可以在Firefox安装文件夹的omni.ja存档中找到它们。
omni.jar/chrome/toolkit/res
对于Firefox替代:
import
按钮并导入样式表答案 3 :(得分:0)
当然,最简单的方法是为Chrome创建Chrome extension,或者如果您使用的是FireFox,则可以使用"Grease Monkey"
另一种更复杂的方法是设置一个代理,将CSS文件替换为自定义文件。如果您使用的是Windows,我建议Fiddler,如果是osx,请使用Charles。
答案 4 :(得分:0)
好吧,您可以使用Chrome的开发工具并在Sources
标签上修改您的css。
你可以在那里编辑你的代码,你可以在你的CSS上复制粘贴。您可以在开发工具右侧的Styles
属性上执行相同的操作,双击该样式。 (:
早上^^