JQuery-UI Tabs的样式选项卡

Question

我想知道如何在jquery-ui选项卡中设置菜单（li）的样式。

这是我的jsfiddle：http://jsfiddle.net/youkai/74BMU/

我想创建与图标标签菜单，选项卡具有相等的宽度（填充在div width0

目前在div是600宽，我有6标签，所以我设置：

.ui-tabs .ui-tabs-nav li { 
border: none; 
background: #003300; 
width:16%; 
} 

，它做，因为我想（设置标签宽度），但是，当选择该选项卡，选中李的背景不填充宽度...。

使用上面的css改变的宽度也不会影响图像图标（我希望居中不是左对齐）

Answer 1

如果要填充宽度。您必须使用width:100%; 我已更新您创建的小提琴。 请检查出来。

http://jsfiddle.net/74BMU/11/

这里的变化，

$('<li><a href="#tab5"><img src=' + petLogo + ' width="100%" height="32px"/></a></li>').appendTo('#tabID');