jquery选项卡下的CSS错误

Question

当我在aspx页面中使用jquery选项卡控件时，我在UI中遇到了这个异常问题。在所有其他页面中都会显示图例文本(字段集和图例显示)，但是当我在jquery选项卡控件中使用相同的图例字段集代码时，它们的显示方式与在其他页面中不同。

 <div id="tab-1">
            <div style="margin-top: 10px;">
                <fieldset>
                    <legend class="legendfont">Lender Company Data</legend>
                    <table style="width: 100%">
                        <tr>
                        <td class="textfont labelposition" style="width: 12%">
                         Lender Company:
                        </td>
                        </tr>
                    </table>
                </fieldset>
           </div>
</div>

Answer 1

这是一个简单的解决方案，在相应的legend类的css中，需要给出适当的字体大小，在其他页面中，可以调整，但使用jquery rab控件，必须将不同控件的css分开，这样它们就不会搞砸。所以这是在常见的css:前面的编辑：

.legendfont
{
font-family:Segoe UI Semibold;
}

现在：

.legendfont
{
font-family:Segoe UI Semibold;
font-size:16px;
}