如何阻止我的chrome扩展注入按钮样式覆盖?

时间:2018-01-15 05:53:59

标签: html css css3 google-chrome-extension stylesheet

我目前正在开发一个chrome扩展,它在一些网站上注入了几个按钮,但是我遇到了这个问题,按钮元素样式被该网站的css覆盖了。我应该怎么做才能防止这种情况?

2 个答案:

答案 0 :(得分:2)

AFAIK隔离你的风格有两个最常用的选项:

  • 使用Shadow DOM
  • 将您的元素和样式放入iframe

答案 1 :(得分:1)

您是否可以使用!important来设置按钮的样式;风格的方式覆盖当前的网站风格?