Css 在addClass之后重写jquery ui

我有一个包含列表的div

其CSS：

#ResultsText  
{  
  color: #696969;
  text-align: right;
  vertical-align: top;
}

在JS文件中：

$("li.ResultParagraph").mouseover(function () {
  $(this).addClass("ui-state-hover");
}).mouseout(function () {
  $(this).removeClass("ui-state-hover");
});

$('.ui-state-hover').css("font-weight", "normal");

但我仍然看到粗体的悬停文本。
有什么建议吗？

您应该这样做（或者将的“粗体”切换为的“正常”）

---

你能在这里添加一些HTML或更好的外观吗？看起来不像是在真实的网站上。我刚刚从jQuery UI添加了平滑度主题CSS-

字体重量

对我来说似乎“正常”？很抱歉，我看不到您所做的代码更改…我没有更改任何代码-我只是添加了jQuery CSS主题

$("li.ResultParagraph").mouseover(function () {
    $(this).addClass("ui-state-hover").css("font-weight", "bold");
}).mouseout(function () {
    $(this).removeClass("ui-state-hover").css("font-weight", "normal");
});