如何更改 jQuery-UI 选项卡的字体大小和选项卡宽度和高度

Question

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

Answer 1

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

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

Answer 2

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

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

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

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