jquery - 删除 JQuery UI 选项卡中的填充

Question

我想将文本更靠近左侧...

好的，上面显示的图片，我想覆盖我的 jquery-ui-tab 页面的填充。我已经尝试了下面的代码，但似乎不起作用。

$(".ui-tabs.panel").css('padding','0px');

现在我怎样才能做到这一点？

注意：我想要一个 css 或 jquery 覆盖，我不想改变任何 jquery-ui css 文件

Answer 1

你可以用普通的 CSS 来做到这一点；试试这个，例如：

将此包含在您的主样式表中：

.ui-tabs .ui-tabs-panel {
    padding: 1em 1.4em 1em 0;
}

Answer 2

老问题，但这很好用。假设您有一个包含 div 类的“样式标签”，如下所示：

<div id="tabs" class="style-tabs">
<ul>
<li><a href="ajax/MyTab.php">My Tab</a></li>
<li><a href="ajax/MyTab2.php">My Tab 2</a></li>
<ul>
</div>

This CSS works nicely (setting a negative margin)...

.style-tabs li a { 
    margin: -0.3em; 
    padding: 0; 
 }