如何解决Content Scripts CSS不会覆盖原始
| 我想使用自定义设置修改网站样式的问题。我尝试使用Content Scripts，但这很有效，因为它们不能覆盖原始的CSS文件。这是一个例子： foo / manifest.json{
\"name\": \"test\",\"version\": \"1.0\",\"content_scripts\": [
{
\"matches\": [\"file://*/*test.html\"],\"css\": [\"main.css\"]
}
]
}
body {
background: #0f0;
}
<html>
<head>
<title>foobar</title>
</head>
<body style=\"background:#f00;\">
</body>
</html>
body {background: #f00;
}
body {background: #0f0;
}
解决方法
内联样式规则比从样式表导入的任何规则具有更高的先例。您可以使用
!important
body {
background: #0f0 !important;
}
// original rule
.someclass li a{
color: blue;
}
// your rule
#cool-extension .someclass li a{
color: red;
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。