[Go Make Things] Adding cursors to stuff for better UX

By rahmat hidayat

Thursday, September 28, 2023

​

⏰🦉 Early Bird Sale! Today through Monday, get 30% off registration in the next session of the Vanilla JS Academy.

One of the weird quirks of the default web experience is that not every interactive elements get a cursor (the little hand icon thing) by default.

Links do, but button and summary elements as well as radio and checkbox elements do not.

For years, there's been a debate among developers about whether or not they should, but a lot UX professionals agree that the general expectation of users is that interactive things show the hand cursor.

The good news is that you can easily add that behavior yourself using a few lines of CSS.

button,  [type="button"],  [type="reset"],  [type="submit"],  [type="image"],  [type="checkbox"],  [type="radio"],  summary {  	cursor: pointer;  }

I drop that into all of my projects.

Cheers,
Chris

​

Want to share this with others or read it later? View it in a browser.​

​

Did someone forward this to you? Get Daily Developer Tips.

Don't want to get these emails? Totally cool. Update your subscriber preferences.

You can also unsubscribe from all emails from me, including updates to products you've purchased.

113 Cherry St #92768, Seattle, WA 98104-2205

Share :

Facebook Twitter Google+