프로그래밍 방식으로 CSS 클래스 파일 제거 - jQuery

jQueryUI 라이브러리를 사용하여 내 페이지의 탭을 활용하고 탭의 CSS 스타일이 div 태그의 내용에 적용되고 있습니다.프로그래밍 방식으로 CSS 클래스 파일 제거 - jQuery

나는 JQuery와 - ui.css 클래스에서 나는 다음과 같은 CSS 클래스로 좁혀 크롬 개발자 도구를 사용하는 경우 : 내 div 콘텐츠 컨테이너에서 이러한 CSS 스타일을 제거하려면 어떻게

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

. 다음 jQuery 스 니펫을 시도했지만 작동하지 않았습니다. 당신이 그 CSS 규칙의 위치를 알고있는 경우,

<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>

출처

2013-02-27 Michael Kniskern

올바른 방법입니다. HTML 스 니펫에는 jquery UI 클래스가 할당되어 있지 않으므로 많은 도움이되지 않습니다. – Madbreaks

아마도 'div'스타일을 더 구체적으로 설정해야할까요? '.ui-widget div'만으로 충분합니다. – Blazemonger

어쨌든 포함하고있는 CSS에서 문제가되는 스타일을 제거 하시겠습니까? 또는 CSS를 재정의하는 자체 CSS를 포함 할 수 있습니까? – Jon

: 여기

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

내 HTML 페이지의 미리보기입니다

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

//i = position of the rule.

다른 브라우저

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

출처

2013-02-27 21:13:49

프로그래밍 방식으로 CSS 클래스 파일 제거 - jQuery

답변

관련 문제