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?

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

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.

6

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

9

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.