防止注入HTML获取网站的CSS

我正在为FF和Chrome做一个简单的扩展，它将在页面顶部（在<body>之后）注入 a <div>。问题是，一些网站有按钮或边框等如全球CSS规则：防止注入HTML获取网站的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; 
}

我想我注入DIV中的按钮（和其他元素）从其类，并没有别的只使用CSS 。是否有可能让这些元素拒绝“外国”CSS？

谢谢。

来源

2014-11-21 Cornwell

一个临时的解决将是编写内联CSS它将覆盖网页上的CSS。我会寻找更好的答案并回复你。 – 2014-11-21 16:28:01

@ kiran.koduru <按钮样式=“颜色：＃050;”> X它仍然会从CSS获得字体，背景颜色和边框 – Cornwell 2014-11-21 16:29:52

@uʍopǝpısdn好主意！没有想到这个选择。 – Cornwell 2014-11-21 16:38:11

把它的iframe固定它

来源

2014-12-04 11:29:49 Cornwell

-1

由于您正在将代码注入到DOM中，因此该HTML受到适用于它的任何CSS的约束。

我会建议使用唯一的ID重写注入DIV的CSS。

HTML：

<div id="uniqueIdThatNobodyWouldUse"> 
    <input type="text" name="input" /> 
</div>

CSS：

#uniqueIdThatNobodyWouldUse input { 
    color:#000; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 

}

如果你真的想肯定的是，你可以申请!important强制征收和CSS。

#uniqueIdThatNobodyWouldUse input { 
    color:#000 !important; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif !important; 
    background-color:#fed !important; 
    border:1px solid !important; 
    border-color: #696 #363 #363 #696 !important; 

}

来源

2014-11-21 16:30:05 Axel

但我的输入仍然会使用其他CSS规则，在我的uniqueID css中没有提到，右键？例如：填充，宽度等 – Cornwell 2014-11-21 16:32:07

是的，这就是为什么你应该覆盖绝对的一切，你需要确保它看起来是正确的。没有拒绝外国CSS选项。 – Axel 2014-11-21 16:32:56

防止注入HTML获取网站的CSS

回答

相关问题