使用内容脚本将 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中文网其他相关文章!