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 tags, not tags. Is there a reason for this?

Here

Answer 1

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 s).

More on the cursor property: https://developer.mozilla.org/en/CSS/cursor

I usually apply this to

and 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.