如何在内容脚本中使用 bootstrap 5 以使其不与网站上的主要 CSS 冲突？ （Chrome 分机）
How can I use bootstrap 5 in the content script so that it does not conflict with the main CSS on the site? (Chrome Extension)
我正在尝试在 chrome 扩展中使用 Bootstrap 5 库。因此，我将带有清单的 bootstrap 5（CSS 和 js）文件添加到内容脚本中，但它与某些站点上的主要 CSS 文件冲突。
content_scripts":
[{
"matches": ["*://*.amazon.com/*"],
"js":["bootstrap.bundle.min.js","injection.js"],
"css":["bootstrap.min.css"]
}]
当我尝试在 amazon.com 上使用 bootstrap 时，一些 CSS 元素发生冲突。我正在尝试通过评论一些 Bootstrap CSS 代码来人工解决问题。
我找不到有关它的任何详细信息。如果有更好的解决方案或者如果我尝试的方式不对，谁能告诉我它的逻辑或帮助我其他解决方案？
How it should be
Css current solution
我认为没有办法避免内容脚本中的 CSS 冲突。
我认为你可以构建一个命名空间 bootstrap 版本。
请检查这个。
我正在尝试在 chrome 扩展中使用 Bootstrap 5 库。因此，我将带有清单的 bootstrap 5（CSS 和 js）文件添加到内容脚本中，但它与某些站点上的主要 CSS 文件冲突。
content_scripts":
[{
"matches": ["*://*.amazon.com/*"],
"js":["bootstrap.bundle.min.js","injection.js"],
"css":["bootstrap.min.css"]
}]
当我尝试在 amazon.com 上使用 bootstrap 时，一些 CSS 元素发生冲突。我正在尝试通过评论一些 Bootstrap CSS 代码来人工解决问题。
我找不到有关它的任何详细信息。如果有更好的解决方案或者如果我尝试的方式不对，谁能告诉我它的逻辑或帮助我其他解决方案？
How it should be
Css current solution
我认为没有办法避免内容脚本中的 CSS 冲突。
我认为你可以构建一个命名空间 bootstrap 版本。
请检查这个。