How to change cursor from pointer to finger using jQuery?

user_48523 0
Viewed 265087

This is probably really easy, but I've never done it before. How do you change your cursor to the finger (like for clicking on links) instead of the regular pointer?

And how to do this with jQuery since that's what I'm using it for.

css jquery javascript
4 Answers

It is very straight forward

HTML 

<input type="text" placeholder="some text" />
<input type="button" value="button" class="button"/>
<button class="button">Another button</button>

jQuery

$(document).ready(function(){
  $('.button').css( 'cursor', 'pointer' );

  // for old IE browsers
  $('.button').css( 'cursor', 'hand' ); 
});

Check it out on JSfiddle

user_31863140
Related