jquery - 如何根据元素的状态更改文本颜色（焦点、选定、悬停）

Question

我想在一个输入元素被聚焦后改变它的颜色，原来的颜色是灰色，当我悬停它变成蓝色，和我聚焦时一样，蓝色，在我检查表单是否有效之后，当会有没有写电子邮件，有一个 jquery 函数会将背景颜色更改为红色并将颜色更改为白色并将值更改为一些警报消息，但是当用户再次单击输入时，该背景颜色将返回为白色，我希望颜色恢复正常，灰色 - 蓝色（悬停，选中或聚焦）

$("#email").focus ( function() { if(document.getElementById('email').style.backgroundColor=="Crimson") { $("#email").css("background-color","white");
                                            $("#email").css("color","grey");
                                                $("#email").css("font-weight","normal");
                                                $("#email").val(""); }});

Answer 1

css('background-color')返回格式中的颜色rgb(r, g, b)，因此如果您将其设置为，Crimson则此代码应该可以解决您的问题。

$("#email").focus(function() {
    if ($('#email').css('background-color') == "rgb(220, 20, 60)") {
        $("#email").css("background-color", "white");
        $("#email").css("color", "grey");
        $("#email").css("font-weight", "normal");
        $("#email").val("");
    }
});