javascript - 防止注入(inject)的 HTML 占用网站的 CSS

标签 javascript jquery css google-chrome-extension firefox-addon

我正在为 FF 和 Chrome 制作一个简单的扩展,它将注入(inject)一个 <div>在页面顶部(在 <body> 之后)。问题是某些网站对按钮或边框等具有全局 CSS 规则。例如:

button, input[type="button"], input[type="submit"] { 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

我希望注入(inject)的 div 中的按钮(和其他元素)仅使用其类中的 CSS,而不使用其他任何东西。是否可以使这些元素拒绝“外来”CSS?

谢谢。

最佳答案

将其放入 iframe 中修复

关于javascript - 防止注入(inject)的 HTML 占用网站的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27065904/

相关文章:

javascript - jQuery 在悬停时改变背景

html - div 中的另一个垂直对齐问题

javascript - 如何从 jsCalendar 中提取选定的日期值

javascript - 通过 define 中的 require 调用在 requirejs 中传递参数

javascript - 为什么 Android 上背景图像(动画)的快速更改如此缓慢

jquery - 当我创建 jQuery 插件时,最好在需要时包含 Modernizr 吗?

javascript - 在测验中创建一个像视频游戏一样的生活系统

html - 使用变换 3d 和位置相对和绝对时居中背景图像

javascript - Google Maps API 上的坐标完全相同

在 p 中突出显示文本时,Javascript onclick 不起作用