2011-10-06 129 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