5

我正在使用 jquery 选项卡尝试以我认为合适的方式设置它们的样式。我尝试缩小选项卡并height:45px;在 UI 样式表中添加一个，如下所示。 

.ui-tabs-vertical .ui-tabs-nav li { 
  clear: left; 
  height:45px; 
  width: 100%; 
  border-bottom-width: 1px !important; 
  border-right-width: 0 !important;
  margin: 0 -1px .2em 0;
}

然而，它没有缩小所有选项卡，而是保持一个（最后一个）不变。可以在这里看到，标签为 Trash JS-FIDDLE demo的选项卡。我想了解发生了什么以及如何解决它。此外，任何其他编码技巧将不胜感激。

4

3 回答 3

4

内的锚标记li高于li。如果您限制该高度，它可以工作。

    .ui-tabs-vertical .ui-tabs-nav li a { height: 30px; }

查看更新的小提琴

我刚刚注意到使用 chrome 开发人员工具，您的选项卡是重叠的。只有最后一个没有重叠，因此看起来比其他的要高。

于 2012-12-19T07:44:08.020 回答
1

首先缩小小部件中的字体大小

.ui-widget{font-family:Arial,sans-serif;font-size:medium}
于 2012-12-19T07:41:35.400 回答
0

玩这个高度将解决问题：

.accordion li > a {height:30px !important; }

于 2012-12-19T07:48:47.387 回答