在页面加载时删除特定的CSS规则或选择器

时间:2014-07-24 11:18:16

标签: javascript jquery html css

如何使用jquery或javascript从HTML中删除特定的CSS Selector或规则?

例如,我使用Telerik ASP Ajax控件,我想从他们的cdn中删除主题的预定义加载的css规则,完全来自控件。

当telerik控件(在本例中为radwindow)从它包含的cdn中加载它的css文件时,例如以下css

.rwTopLeft
{
    background-color: rgb(255, 168, 0); 
}

我想通过javascript从页面中删除该css规则或删除控件的特定类定义。

2 个答案:

答案 0 :(得分:2)

是的,你可以这样做来删除一个类:

 $("#yourId").removeClass('yourclass');

但是要删除css规则,你必须将其设置为null,这里的示例相同:

 $("#yourId").css('border','none');
 $("#yourId").css('width','auto');

或者

 $("#yourId").css('border','');
 $("#yourId").css('width','');

答案 1 :(得分:1)

$("#yourId").removeClass('yourclass');

它需要jQuery。