jquery - CSS 在特定情况下覆盖 jquery UI

Question

有人可以帮我覆盖 jquery UI CSS？

我需要得到如下图所示的东西

我得到了

如果不可能，那么可能会帮助我

1. 在每个面板之间留出空间，如第一张图片所示
2. 面板内容没有边框，如第一张图片所示。

我的面板(仅其中 1 个)

<div title="Repository Properties" class="class">
    <table style="width:100%; align:left;">
        <tbody>
            <tr>
                <th class="thPanel" align="left">Home</th>
                <td align="left">test</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

.thPanel
{
    font-size:11px;
    width:22%;
}
.class
{
    font-size:15px;
    border-style:none;
}

任何帮助都会很棒!谢谢

更新

如果我添加以下 css，它会起作用，但它也会影响页面上的所有其他 ui 内容，这是我不想要的，有帮助吗？

.ui-widget-content{border-style:none;}

Answer 1

尝试将其添加到您的 .class 样式中:

padding: 10px 0;