如何更改 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 。