javascript - 专注于文本字段背景没有改变颜色

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;
}

:)