0

ライブラリを使用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>
4

1 に答える 1

0

これらの CSS ルールの位置がわかっている場合は、次のようになります。

IE

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

//i = position of the rule.

その他のブラウザ

document.styleSheets[0].deleteRule(i);
于 2013-02-27T21:13:49.730 に答える