2014-08-28 88 views
-4

对于应用CSS应用CSS“!重要”,我们需要的,因为下面的代码是不是在IE8和IE9支持,能够使用目前循环最佳方式使用jQuery

$('.YourClass').css('width','100px !important');

我上来以下解决方案这在所有浏览器(IE浏览器测试8 - 11,Chrome浏览器,Firefox和Safari浏览器运行在Windows机器上)

$('.YourClass').each(function(){this.style.setProperty('width', '100px', 'important')});

优点:

  1. 避免检查现有财产声明。
  2. 无需附加您的css代码。
  3. 无需循环使用循环。
  4. 可以在不使用'!important'的情况下使用相同的功能。所以不需要为了相同的目的而使用两种不同的功能。
  5. 不会通过各种方式覆盖现有的内联样式声明,如设置'样式'属性。

我们可以使这个解决方案更好吗?

+0

现在的问题是修改......希望这将有助于消除非赞成票 – 2014-09-01 14:12:35

回答

2

您不需要遍历所有元素。你可以简单地设置CSS:

$('.YourClass').css('width','100px !important'); 
+0

它不会在所有的浏览器...尤其是IE8和IE9的工作......这为什么style.setProperty进来图片 – 2014-09-01 13:30:33

+0

@ParvejSolkar:你是什么意思? – 2014-09-01 13:36:09

+0

刚刚编辑问题 – 2014-09-01 13:41:59