Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Cursor : hand not working on chrome and mozilla but works on ie

Tags:

css

Css cursor:hand; this is working in Internet Explorer, but not in other browsers...why is this?

<input type="button" class="submit" value="submit" />
.submit {
background: transparent;
border-top: 2px solid #00F;
border-right: 0;
border-bottom: 2px solid #00F;
border-left: 0;
color: #00F;
display: inline;
margin: 0;
padding: 0;
cursor:hand;
 }
like image 327
qwerty Avatar asked May 22 '12 19:05

qwerty


People also ask

Why is my Chrome cursor not working?

Solution 1 : Through Google Chrome Settings Click the Relaunch button next to it restart your Chrome browser. That's it. Now, your issue of cursor disappearing in Google Chrome should be resolved. You can now browse normally.

How do I get my hand cursor back?

Are you working on a Microsoft Word document and you're stuck because the cursor has become a hand? It's super-easy to fix. All you need to do is press the Esc key. That will switch the cursor back to the regular pointy selection cursor.


2 Answers

It not working because the consortium is renamed it to pointer. So change hand to pointer and it should work.

like image 92
Simon Dorociak Avatar answered Sep 19 '22 09:09

Simon Dorociak


You should use cursor: pointer

Read: http://www.w3schools.com/cssref/pr_class_cursor.asp

like image 28
mborecki Avatar answered Sep 17 '22 09:09

mborecki