dotslashlu
dotslashlu

Reputation: 3401

Custom cursor failing on <img> tag

I tried several ways but the cursor can't be changed on <img> elements. I thought it's because the <img> tags are in <pre> tag, but even using !important cannot change the cursor. How do i change the cursor?

Here's my page:http://post.dachaocai.com/24 And I also created a jsfiddle:http://jsfiddle.net/URBew/

Upvotes: 1

Views: 583

Answers (2)

Chuck Norris
Chuck Norris

Reputation: 15190

pre img{cursor:url("http://img.t.sinajs.cn/t4/style/images/common/small.cur"), default;}

You must add generic cursor at the end, and all will work fine. http://jsfiddle.net/URBew/4/

Upvotes: 2

albert
albert

Reputation: 8153

you just need to add a fallback keyword value. http://jsfiddle.net/jalbertbowdenii/URBew/1/

Upvotes: 3

Related Questions