css 如何调整或禁用jQuery UI选项卡上的粗体文本?

lstz6jyr  于 2023-06-25  发布在  jQuery
关注(0)|答案(1)|浏览(126)

我已经在这方面折腾了两天了,但我似乎无法“解码”jQuery UI中使用的大量css。我使用的是jQueryUI1.13选项卡和默认样式表,我想改变的是悬停时的粗体文本。活动和非活动选项卡在鼠标悬停时显示粗体文本,在鼠标未悬停时显示正常粗细。我希望活动选项卡有粗体文本所有的时间(无论鼠标)和非活动选项卡有正常的文本在所有的时间(无论鼠标)。我已经看过并尝试了主题滚轮,但它似乎不包括设置粗体文本和悬停。我可以在浏览器检查器中看到,列表项在鼠标悬停时附加了ui-state-hover类,因此我尝试了以下操作:

.ui-state-hover a:hover {
   font-weight:normal;
}

这就完成了一半的工作,即。在悬停时或悬停时根本没有粗体文本。但我仍然有要求,使活动标签粗体,当试图这样做,上面的代码将使它正常鼠标悬停。
有人能帮我吗?谢谢
编辑:添加了一个小提琴:https://jsfiddle.net/k74yo89b/主题:平滑度

wbgh16ku

wbgh16ku1#

好吧,在jsfiddle中使用它实际上让它变得更容易。我似乎在这个简化的环境中找到了解决方案:

li.ui-state-active a {
  font-weight: bold;
}
li.ui-state-active a:hover {
  font-weight: bold;
}

相关问题