如何调整或禁用jQuery UI Tabs中的粗体文本样式？

直接使用以下CSS代码即可实现需求：

/* 未激活标签无论是否hover都保持常规字重 */
.ui-tabs-nav .ui-state-hover a {
  font-weight: normal;
}

/* 激活标签始终保持粗体，包含hover状态 */
.ui-tabs-nav .ui-tabs-active a,
.ui-tabs-nav .ui-tabs-active a:hover {
  font-weight: bold;
}

原理说明： #

• jQuery UI Tabs的激活标签会自带ui-tabs-active类，利用这个类可以精准锁定激活状态的标签，强制设置其字体粗细为粗体，同时覆盖hover时的样式规则。
• 针对带有ui-state-hover类的未激活标签，直接重置字体粗细为常规，彻底消除hover时的粗体效果。

内容的提问来源于stack exchange，提问作者jcmiller