html - jQuery 标签和 CSS 样式

我正在使用 jQuery UI Tabs 来设计我页面的一部分。

我原来的页面是这样的:

<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 中的所有内容都不应受到选项卡控件样式的影响？

我希望选项卡控件本身具有更大的字体大小和字体，但 children 应该保留旧的字体大小和字体系列。

最佳答案

问题出在 JQuery IU 本身。即 ui-widget。

Example Here

有两种方法解决这个问题，像示例一样自己删除有问题的 css。

或者当它们在类 ui-widget 中时，将 css 样式添加到目标字段集

关于html - jQuery 标签和 CSS 样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7676239/