Question

我正在使用以下CSS将鼠标悬停时具有不同的颜色。 “ .ui-button-text”可以正常工作，并且在显示模式时显示正确的颜色，但是按钮悬停不起作用。

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

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

脚本

$("#dialog-confirm").dialog({
            resizable: false,
            height: "auto",
            width: "auto",
            modal: true,
            title: 'Cancelling Back Order Item',
            buttons: {
                "Ok": function () {
                    $(this).dialog("close");
                    return true;
                },
                Cancel: function () {
                    $(this).dialog("close");
                    return false;
                }
            }
        });

这是jsfiddle;

http://jsfiddle.net/7yukbsfe/1/

Answer 1

您可以通过以下方式使用CSS :hover选择器：

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

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

Answer 2

您的CSS太含糊，缺少目标。

使用：

Some 
sample html
new line
New paragraph

提琴：http://jsfiddle.net/Twisty/zfqs6wac/

.ui-dialog button.ui-button.ui-state-hover .ui-button-text { color: black; }类将应用于ui-state-hover的父类。

Answer 3

您可以仅添加:hover而不是.ui-state-hover。

这里是fiddle。

如何将JQuery按钮悬停在文本颜色上

3 个答案: