How to get the cursor to change to the hand when hovering a button tag

Question

When viewing my site  the cursor only changes to the gloved hand for  lt a gt  tags  not  lt button gt  tags  Is there a reason for this   Here is my code  the button tags have an id of  more in css3      more       background none      border none      color  FFF      font-family Verdana  Geneva  sans-serif

User · Accepted Answer

see   https   developer mozilla org en-US docs Web CSS cursor  so you need to add  cursor pointer   In your case use    more     background none    border none    color  FFF    font-family Verdana  Geneva  sans-serif    cursor pointer      This will apply the curser to the element with the ID  more   can be only used once   So in your HTML use   lt input type  button  id  more    gt    If you want to apply this to more than one button then you have more than one possibility   using CLASS   more     background none    border none    color  FFF    font-family Verdana  Geneva  sans-serif    cursor pointer      and in your HTML use   lt input type  button  class  more  value  first    gt   lt input type  button  class  more  value  second    gt    or apply to a html context   input type button      background none    border none    color  FFF    font-family Verdana  Geneva  sans-serif    cursor pointer      and in your HTML use   lt input type  button  value  first    gt   lt input type  button  value  second    gt

User · Answer

more       background none      border none      color  FFF      font-family Verdana  Geneva  sans-serif      cursor  pointer

User · Answer

All u need is just use one of the attribute of CSS   which is----   cursor pointer  just use this property in css   no matter its inline or internal or external  for example for inline css    lt form gt   lt input type  submit  style   cursor pointer  value  Button  name  Button  gt   lt  form gt

User · Answer

Just add this style   cursor  pointer    The reason it s not happening by default is because most browsers reserve the pointer for links only  and maybe a couple other things I m forgetting  but typically not  lt button gt s    More on the cursor property  https   developer mozilla org en CSS cursor  I usually apply this to  lt button gt  and  lt label gt  by default   NOTE  I just caught this      the button tags have an id of  more   It s very important that each element has it s own unique id  you cannot have duplicates  Use the class attribute instead  and change your selector from  more to  more  This is actually quite a common mistake that is the cause of many problems and questions asked here  The earlier you learn how to use id  the better

[css] How to get the cursor to change to the hand when hovering a <button> tag

Examples related to css

Examples related to mouse-cursor