javascript - 如何在 Chrome 扩展内容脚本中限定 CSS

标签 javascript twitter-bootstrap google-chrome-extension

我正在开发一个 chrome 扩展程序,可以在页面上插入一个按钮。单击此按钮时,它会启动 Twitter Bootstrap 模式。但是,与 twitter Bootstrap 一起注入(inject)的 css 正在影响页面本身,我只希望它们影响模式 div。我怎样才能做到这一点?

谢谢!

最佳答案

只有一种真正的方法可以做到这一点,而且它涉及的更少

查看此答案:https://stackoverflow.com/a/14145510/1060487

或者这个:https://stackoverflow.com/a/15115171/1060487

这两种方法应该都能正常工作。

我已经尝试了另外一种解决方案:

http://css-tricks.com/saving-the-day-with-scoped-css/

这在 Chrome 中不起作用,但有一个 polyfill here ,这似乎并没有那么好用......

在此处查看支持:http://caniuse.com/style-scoped

总结:LESS路线似乎是目前最好的解决方案...

关于javascript - 如何在 Chrome 扩展内容脚本中限定 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22620213/

相关文章:

javascript - 为什么函数组件中的 setState(hook) 会导致无限循环?

javascript - PhantomJS 文件上传不适用于 XPath 表达式

jquery - Rails 5 Bootstrap 崩溃不起作用

google-chrome-extension - 从 Chrome Dev Tools 扩展检查 WebSockets 帧

javascript - 自动将光标置于多功能框/地址栏中

javascript - Bootstrap 标签输入不显示标签

javascript - 使用js将onfocus元素添加到html表单

css - 将 Font Awesome 图标添加到 Bootstrap 4 选择

javascript - React Link 标签阻止 flex-boxes 工作

google-chrome-extension - 复制到Chrome扩展程序中的剪贴板