Question

<div class="field">
    <input name="password" type="password" />
</div> 

I want to change the background image’s position of the field div when there is focus on input. Any idea to do it with jquery? Thanks.

Answer 1

I’ve not tried this, but I think the following should work:

$('input:password').focus(
    function(){
        $(this).parent().css({'background-position': 'Xpx Ypx'});
    }).blur(
    function(){
        $(this).parent().css({'background-position': 'Xpx Ypx'});
    });