Change mouse pointer on click

Question

I'm currently working on a project that involves elements where a custom mouse pointer will be used. The code that I'm using for that function is simple just:

.hand {
    cursor:url(/images/cursor1.gif);
}

Now to my question: - I was just wondering (as the title says) if there are anyway that I can make the cursor change to cursor2.gif when you click inside the div-class "hand" (?).

Answer 1

Use the :active psuedo-class:

.hand:active {
    cursor: url('/imgages/cursor1.gif');
}