焦点和模糊的jquery背景颜色变化

前端之家收集整理的这篇文章主要介绍了焦点和模糊的jquery背景颜色变化前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下问题:我有一个包含三个文本输入字段的表单,并且我想在其中一个字段具有焦点时更改背景颜色,并在失去焦点时将其设置回来。我想出了以下代码

HTML(简体):

<form>
<input class="calc_input" type="text" name="start_date" id="start_date" />
<input class="calc_input" type="text" name="end_date" id="end_date" />
<input class="calc_input" size="8" type="text" name="leap_year" id="leap_year" />
</form>

jQuery

$(document).ready(function() {
    $('input:text').focus(
    function(){
        $(this).css({'background-color' : '#FFFFEEE'});
    });

    $('input:text').blur(
    function(){
        $(this).css({'background-color' : '#DFD8D1'});
    });
});

谢谢

解决方法

#FFFFEEE不是正确的颜色代码。尝试用#FFFFEE代替。

猜你在找的jQuery相关文章