how to use two cursors in css?

[matheussousuke]

I'm using

body, a, a:hover
{
cursor: url(http://forum.mghospedagem.com/ffcursormouse8bits.png), hand;
}

to change the cursor image, it works, but when I point the mouse on a link. it keeps the same image.

How can I make it change the image when the cursor is over link?

I tried

body, a, a:hover
{
cursor: url(http://forum.mghospedagem.com/ffcursormouseup8bits.png), pointer;
cursor: url(http://forum.mghospedagem.com/ffcursormouse8bits.png), hand;

}

but didn work.

[angiko]

You have to use like this

body, a {
cursor: url(http://forum.mghospedagem.com/ffcursormouseup8bits.png), pointer;
}

a:hover{
cursor: url(http://forum.mghospedagem.com/ffcursormouse8bits.png), hand;
}

[matheussousuke]

You have to use like this

body, a {
cursor: url(http://forum.mghospedagem.com/ffcursormouseup8bits.png), pointer;
}

a:hover{
cursor: url(http://forum.mghospedagem.com/ffcursormouse8bits.png), hand;
}

Tx, it worked, but I gave u the wrong sequence, sorry.


It has to be like this:

body, a { 
cursor: url(http://forum.mghospedagem.com/ffcursormouse8bits.png), pointer; 
} 

a:hover{
cursor: url(http://forum.mghospedagem.com/ffcursormouseup8bits.png), hand; 
}

[matheussousuke]

It's not working with IE.

[angiko]

Yesss It doesnt work on IE. you have to use javascript ^^