如何使用内容脚本将 CSS 样式注入网页？

使用内容脚本将 CSS 样式注入网页时遇到问题

使用内容脚本注入 CSS 的开发人员遇到的常见问题是失败将 CSS 样式应用到网页。尽管被注入，这些样式可能会被其他规则覆盖。

要解决此问题，可以采取多种方法：

1.提高 CSS 特异性

提高 CSS 规则的特异性，使其更加占主导地位。

2.使用“!important”

为每个规则添加后缀“!important”以强制其应用，覆盖其他规则。

3.通过内容脚本注入 CSS

使用内容脚本注入 CSS。创建一个 JavaScript 文件（例如 myScript.js）并修改manifest.json:

myScript.js:

manifest.json:

注意： 使用清单版本 2 时， “web_accessible_resources”键对于允许从非扩展页面访问 CSS 文件至关重要。

以上是如何使用内容脚本将 CSS 样式注入网页？的详细内容。更多信息请关注PHP中文网其他相关文章！