Question

我正在使用jQueryUI库来利用我页面上的标签，标签的CSS样式将应用于div标签中的内容。

当我使用Chrome开发者工具时，我已将其缩小到jquery-ui.css类中的以下CSS类：

.ui-widget {
    /*font-family: Verdana,Arial,sans-serif;*/
    font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
    font-size: 1em;
}

如何从div内容容器中删除这些CSS样式。我尝试了以下jQuery代码段，但它没有用。

$("#nameSearch").removeClass("ui-widget");

以下是我的HTML页面的片段：

<div id="searchTabs">
    <ul>
        <li><a href="#nameSearch">Name</a></li>
        <li><a href="#caseNumberSearch">Case Number</a></li>
    </ul>
    <div id="nameSearch">
        <b>First Name:</b>&nbsp;<asp:TextBox ID="txtFirstNameSearch" runat="server" CssClass="txt" /><br />
        <b>Last Name:</b>&nbsp;<asp:TextBox ID="txtLastNameSearch" runat="server" CssClass="txt" /><br />
        <b>Date of Birth:</b>&nbsp;<asp:TextBox ID="txtDateOfBirth" runat="server" CssClass="txt" /><br />
    </div>
    <div id="caseNumberSearch">
        <b>Case Number:</b>&nbsp;<asp:TextBox ID="txtCaseNumberSearch" runat="server" CssClass="txt" /><br />
    </div>
</div>

Answer 1

如果你知道那些CSS规则的位置，那么：

<强> IE

document.styleSheets[0].removeRule(i);

//i = position of the rule.

其他浏览器

document.styleSheets[0].deleteRule(i);

以编程方式删除CSS类文件 - jQuery

1 个答案: