jQueryタブ＆CSSスタイル

Question

私はjQuery UIタブを使用してページの一部をスタイルしています。

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

問題は、私がやった後に、このタブコントロールが変更されたことがある：私は、タブコントロール内のこれら二つのアイテムを入れる

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

    ... 
</fieldset> 

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

    ... 
</fieldset> 

：

私はもともとこのようなページを持っていましたその中のフィールドセットのスタイルタブ内のすべてがより大きなフォントサイズなどを持っています

tab1のすべてがタブコントロールのスタイルの影響を受けないようにするにはどうすればよいですか？& tab2？

タブコントロール自体のフォントサイズとフォントを大きくしたいのですが、子供は古いフォントサイズとフォントファミリを保持する必要があります。

Answer 1

問題はJQuery IU自体から発生しています。すなわちui-widgetです。

Example Here

この周りの2つの方法がありますが、例のように自分のCSS問題を取り除きます。

または、クラス内にあるときにターゲットフィールドセットにCSSスタイルを追加してくださいui-widget