JQuery-UI选项卡的样式菜单选项卡

时间:2014-01-24 01:20:35

标签: javascript jquery html css tabs

我想知道如何在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%;
}

它按我想要的那样(设置标签宽度)。但是,选择选项卡时,所选li的背景不会填满宽度...

使用上面的css更改的宽度也不会影响图像图标(我想要居中而不是左对齐)

1 个答案:

答案 0 :(得分:0)

如果你想填满宽度。你必须使用width:100%; 我已经更新了你创建的小提琴。 请检查一下。

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

这是更改,

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