Topic: Usability: cursor: pointer; for buttons and inputs

It will work only in modern browsers, no extra markup.

button,
label[for],
input[type=reset],
input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox] {
    cursor: pointer;
}

Re: Usability: cursor: pointer; for buttons and inputs

What does this do?

http://fluxbb.org

Free PunBB Hosting - lots of mods, easy to customize

Re: Usability: cursor: pointer; for buttons and inputs

Change http://z.about.com/d/webdesign/1/0/7/I/1/cursor_default.gif for http://z.about.com/d/webdesign/1/0/5/I/1/cursor_pointer.gif in buttons(?), labels and clickeable inputs

sorry for my english

Re: Usability: cursor: pointer; for buttons and inputs

And why does that matter?

I'm really just curious, I don't care much either way tongue

http://fluxbb.org

Free PunBB Hosting - lots of mods, easy to customize

Re: Usability: cursor: pointer; for buttons and inputs

That feels a little awkward to me, as I expect anything that turns the pointer into a pointing hand to be a link.

Re: Usability: cursor: pointer; for buttons and inputs

intedinmamma wrote:

That feels a little awkward to me, as I expect anything that turns the pointer into a pointing hand to be a link.

I think I disagree with that. I expect it to indicate something is clickable which certainly applies to labels. However, I had already done it a diferent way so I won't be using this method.

Re: Usability: cursor: pointer; for buttons and inputs

intedinmamma wrote:

That feels a little awkward to me, as I expect anything that turns the pointer into a pointing hand to be a link.

Buttons are similar to links: they are clickable and do something and/or direct you somewhere.
Anything that's clickable should IMO have the hand cursor come up...

Smartys wrote:

And why does that matter?

That increases usability. It tells you which element is clickable. For a bonus, you don't have to carefully position mouse cursor on clickable elements, changed cursor tells you right away that element underneath it is now clickable -- extremely helpful for little checboxes and radios.

http://usability.dzone.com/news/css-cur … -usability
http://simonwillison.net/2003/Jun/15/la … erability/
http://www.sitepoint.com/article/simple … le-forms/2
http://www.themaninblue.com/writing/per … 005/03/09/

Paul wrote:

I expect it to indicate something is clickable which certainly applies to labels.

Exactly.

Paul wrote:

However, I had already done it a diferent way so I won't be using this method.

JavaScript?

Re: Usability: cursor: pointer; for buttons and inputs

Taimar wrote:
intedinmamma wrote:

That feels a little awkward to me, as I expect anything that turns the pointer into a pointing hand to be a link.

Buttons are similar to links: they are clickable and do something and/or direct you somewhere.
Anything that's clickable should IMO have the hand cursor come up...

I'm not talking about how things should be, I'm talking about what I'm used to. wink

Re: Usability: cursor: pointer; for buttons and inputs

Taimar wrote:

JavaScript?

No, I just used descendant selectors constructed from the classes already avialable. That works in IE6 as well.