Question

嗨，这可能是一个愚蠢的问题，但当我点击文本字段时，我希望背景改变颜色，但我不明白为什么它不起作用

有人可以告诉我哪里出错了吗

代码在

之下

//JQUERY
$(function() {

    $('input[type="text"]').focus(function() 
    {
        $(this).addClass("focus");
    });

    $('input[type="text"]').blur(function() 
    {
        $(this).removeClass("focus");
    });

})

//CSS
.focus {
    border: 2px solid #AA88FF;
    background-color: #FFEEAA;
}

HTML //当我检查它们时，所有文本字段都是type text

Answer 1

您可以在CSS中执行此操作，而不需要jQuery（至少对于较新的主流浏览器）

input[type="text"]:focus
{
   border: 2px solid #AA88FF;
   background-color: #FFEEAA;
}

：）

Answer 2

我不确定你为什么在这里使用jQuery，它完全可以用CSS改变背景颜色。

    input[type=text]:focus {
        border: 2px solid #AA88FF;
        background-color: #FFEEAA;
    }

Answer 3

看起来像是jquery库的怪癖。尝试：

$(this).css({...})

而不是：

$(this).addClass(...)

它应该有用。

专注于文本字段，背景不会改变颜色

3 个答案: