Jquery / CSS重置样式

Question

我正在使用javascript (JQuery)构建一个登录窗口，它遵循非常严格的设计准则；它完全使用CSS-float来定位屏幕元素。这个javascript是从中央位置托管的，由大约1000个网站实现。它工作得很好，但是有一些网站的样式表中有这样的东西：

 img, div, input { 
       behavior: url("_include/website/js/iepngfix.htc") 
   } 

问题是这样的CSS定义干扰了我登录窗口的布局。

我的javascript + css是最后加载的。有没有一种方法可以让我的Javascript / CSS忽略之前加载的所有样式。

Answer 1

方法1

使用!important属性覆盖以前的样式表中定义的样式。

方法2

如果你在你的代码中使用jQuery，那么你可以在init()函数中清除这些属性。这将增加优势，因为您仍然可以将CSS属性分配给CSS文件中的标签。

$('img').css('padding', '0px');

注意:您可以尝试使用iframe作为登录页面代码。我还没有试过，但是，我想这可能会起作用。

Answer 2

假设您的窗口有一个容器类，例如mylogin，然后您可以尝试在队列中添加以下css

.mylogin img,
.mylogin div,
.mylogin input {
   behavior : url(data:null);
}