Javascript 如何更改JQuery按钮悬停在文本颜色上

我使用以下css在悬停时具有不同的颜色。ui按钮文本工作正常，当模式显示但按钮悬停不工作时，显示正确的颜色

.ui-button-text {
    color: #7a7d7e;
}

.ui-button-text ui-state-hover {
    color: black;
}

剧本

这里是jsfiddle

您可以通过将CSS更改为以下内容来使用CSS:hover选择器：

.ui-button-text {
    color: #7a7d7e;
}

.ui-button-text:hover {
    color: black;
}

您可以通过将CSS更改为以下内容来使用CSS:hover选择器：

.ui-button-text {
    color: #7a7d7e;
}

.ui-button-text:hover {
    color: black;
}

您可以只添加：hover而不是.ui状态hover

以下是。

您可以添加：hover而不是.ui状态hover

---

这是一个问题。

您的CSS太模糊，没有达到目标

使用：

小提琴：

---

ui状态悬停类应用于.ui按钮文本的父级。

您的CSS太模糊，缺少目标

使用：

小提琴：

---

ui状态悬停类应用于.ui按钮文本的父级。

您错过了一个“.”在这里ui按钮文本ui状态悬停{颜色：黑色；}。另外，创建一个提琴也会有帮助。创建一个提琴将有助于理解您的查询。谢谢你错过了一个“.”在这里ui按钮文本ui状态悬停{颜色：黑色；}。另外，创建一个提琴也会有帮助。创建一个提琴将有助于理解您的查询。谢谢你击败了我。@user1263981:你能告诉我，你的webbrowser控制台中抛出了什么错误消息吗？你击败了我。@user1263981:你能告诉我，你的webbrowser控制台中抛出了什么错误消息吗？jQuery UI会自动将类添加到悬停状态，这样就不必使用伪类了。OP正试图利用这一点。jQuery UI会自动添加处于悬停状态的类，以便不必使用伪类。OP正试图利用这一点。

.ui-dialog button.ui-button.ui-state-hover .ui-button-text {
  color: black;
}