By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,688 Members | 1,715 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,688 IT Pros & Developers. It's quick & easy.

how to use two cursors in css?

matheussousuke
100+
P: 249
I'm using

Expand|Select|Wrap|Line Numbers
  1. body, a, a:hover
  2. {
  3. cursor: url(http://forum.mghospedagem.com/ffcursormouse8bits.png), hand;
  4. }
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

Expand|Select|Wrap|Line Numbers
  1. body, a, a:hover
  2. {
  3. cursor: url(http://forum.mghospedagem.com/ffcursormouseup8bits.png), pointer;
  4. cursor: url(http://forum.mghospedagem.com/ffcursormouse8bits.png), hand;
  5.  
  6. }
but didn work.
Oct 23 '11 #1
Share this Question
Share on Google+
4 Replies


angiko
P: 3
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;
}
Oct 23 '11 #2

matheussousuke
100+
P: 249
@angiko


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


It has to be like this:


Expand|Select|Wrap|Line Numbers
  1. body, a { 
  2. cursor: url(http://forum.mghospedagem.com/ffcursormouse8bits.png), pointer; 
  3.  
  4. a:hover{
  5. cursor: url(http://forum.mghospedagem.com/ffcursormouseup8bits.png), hand; 
  6. }
  7.  
  8.  
  9.  
Oct 23 '11 #3

matheussousuke
100+
P: 249
It's not working with IE.
Oct 23 '11 #4

angiko
P: 3
Yesss It doesnt work on IE. you have to use javascript ^^
Oct 24 '11 #5

Post your reply

Sign in to post your reply or Sign up for a free account.