在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

老问题，但这很好用。假设你有一个包含一类＆＃39; style-tabs＆＃39;像这样：

<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; 
 }