Question

我正在使用jQuery UI标签来设置页面的一部分。

我最初有这样的页面：

<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＆amp; amp; tab2不应该受制表符控件的样式影响吗？

我希望标签控件本身具有更大的字体大小和字体，但是孩子应该保留旧的字体大小和字体系列。

Answer 1

问题来自JQuery IU本身。即ui-widget。

Example Here

有两种解决方法，请像示例一样自行删除有问题的CSS。

或者当它们位于类ui-widget

中时，将css样式添加到目标字段集

jQuery Tabs＆amp; CSS风格

1 个答案: