how to set cursor style to pointer for links without hrefs

Question

I have a lot of  lt a gt  html tags without the href attribute for making onclick javascript calls  These links do not have a pointer style of cursor  They have text style cursor   How can I set the cursor style to pointer for links without using the href attribute   I know I can add href      I have this in a lot of places in the html document  and would like to know how to make cursor style pointer for links without using the href attribute

User · Answer

Give them all a common class  for instance link   Then add in css-file    link   cursor  pointer      Or as  mxmissile suggested  do it inline with style  cursor  pointer

User · Answer

Just add this to your global CSS style   a   cursor  pointer      This way you re not dependent on the browser default cursor style anymore

User · Answer

Use CSS cursor  pointer if I remember correctly   Either in your CSS file    link cursor       cursor  pointer      Then just add the following HTML to any elements you want to have the link cursor  class  link cursor   the preferred method    Or use inline CSS    lt a style  cursor  pointer   gt

User · Answer

style  cursor  pointer

User · Answer

This is how change the cursor from an arrow to a hand when you hover over a given object  myObject    myObject style cursor    pointer

User · Answer

This worked for me    lt a onClick  this openPopupbox  style   cursor   pointer    gt

User · Answer

in your css file add this      a hover    cursor pointer      if you don t have a css file  add this to the HEAD of your HTML page   lt style type  text css  gt   a hover     cursor pointer      lt  style gt    also you can use the href    attribute by returning false at the end of your javascript    lt a href    onclick  doSomething    return false   gt a link lt  a gt    this is good for many reasons  SEO or if people don t have javascript  the href    will work  e g    lt a href  nojavascriptpage html  onclick  doSomething    return false   gt a link lt  a gt     see http   www alistapart com articles behavioralseparation  Edit  Worth noting  BalusC s answer where he mentions  hover is not necessary for the OP s use case  Although other style can be add with the  hover selector

User · Answer

create a class with the following CSS and add it to your tags with onclick events   cursor pointer

[javascript] how to set cursor style to pointer for links without hrefs

Examples related to javascript

Examples related to html

Examples related to css

Examples related to hyperlink

Examples related to cursor