2011-10-06 70 views
0

我使用jQuery UI選項卡來設置頁面的一部分。jQuery選項卡和CSS樣式

我本來像這樣的頁面:

<fieldset> 
    <legend>Part 1</legend> 

    ... 
</fieldset> 

<fieldset> 
    <legend>Part 2</legend> 

    ... 
</fieldset> 

然後我就把這兩個項目一個標籤控件中:

<div id="tabs"> 
    <ul> 
     <li><a href="#tab1">Part 1</a></li> 
     <li><a href="#tab2">Part 2</a></li> 
    </ul> 

    <div id="tab1"> 
     <fieldset ...> 
    </div> 

    <div id="tab2"> 
     <fieldset ...> 
    </div> 
</div> 

<script type="text/javascript"> 
    $(function() { 
     $('#tabs').tabs(); 
    }); 
</script> 

的問題是,我沒有在此之後,標籤控件已經修改它內的字段集的風格。標籤中的所有內容都有較大的字體大小等。

我怎樣才能輕鬆地說,tab1 & tab2中的所有內容都不應受到tab控件樣式的影響?

我希望選項卡控件本身具有較大的字體大小和字體,但孩子們應該保留舊的字體大小和字體系列。

回答

1

問題來自JQuery IU本身。即ui-widget

Example Here

周圍有此2種方式,刪除有問題的CSS自己喜歡的例子。

或者當它們在類別中時添加css樣式到目標字段集ui-widget