如何更改字体大小和标签宽度＆amp; jQuery-UI选项卡的高度

Question

我正在使用jQuery-UI在我的页面上添加tabs，在我添加它之后，我觉得标签字体大小和标签宽度和高度对于我的页面来说太大了。我想更改字体大小和标签宽度和高度。怎么做？

Answer 1

你需要在像这样的css类中更改它

.ui-tabs .ui-tabs-nav li a {font-size:7pt !important;}

Answer 2

转到jQuery UI ThemeRoller并创建自己的主题或修改预设。在“字体设置”下的右侧，可以选择更改字体大小。

关于选项卡的大小，请查看随下载的jQuery UI包附带的CSS文件。找到jQuery UI选项卡的选择器并编辑填充属性：

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }

Answer 3

在 Firefox 84.0（2021 年 1 月）中，这有效：

.ui-tabs .ui-tabs-nav li a {
  color: blue !important;
}

.ui-tabs .ui-tabs-nav li a {
  font-size: 12px !important;
  font-weight: bold !important;
  color: blue !important;
  // etc.
}

请注意，我需要这两个规范；即：在 color 和 li a {} 中设置 a {}。