Skip to main content
91 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

Here's why: Microsoft’s design guides talk about weak affordance: Text and graphics links use a hand […] pointer […] because of their weak affordance. While links may have other visual ...
Dipak's user avatar
  • 16.2k
44 votes
Accepted

Why does the cursor type vary?

Conventionally, in desktop UIs, clickable elements don't get a special cursor. They might change their state some other way when hovered, but the cursor typically remains the same (the default, "arrow"...
Nate Green's user avatar
  • 2,483
41 votes
Accepted

Why don't <button> HTML elements have a CSS cursor pointer by default?

It's worth considering the historical order in which these things came into being. Buttons existed from very early in the days of GUI computing. They had a shadowing effect to give a skeuomorphic ...
Jon Hanna's user avatar
  • 711
31 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

According to W3C cursor: pointer The cursor is a pointer that indicates a link. The specification only indicates that links are meant to have the pointer cursor. Buttons are not meant to have the ...
Alvaro's user avatar
  • 16.8k
14 votes

Tooltip CSS cursor

The cursor should change depending on the interaction the user can do with the element, not on the tooltip. A tooltip appears to explain what the element is or what it does. For example when we hover ...
Alvaro's user avatar
  • 16.8k
10 votes

Who created the Mac Mickey pointer cursor?

The correct answer is Walt Disney, but tangentially. The Mickey Mouse watch famously used Mickey's hands as clock hands, which seems to be the earliest example I can find of using Mickey's hand as a ...
Kit Grose's user avatar
  • 15.5k
8 votes

Office 2013 smooth cursor while typing

Any time you design a feature you can't deliver, you're spreading bad UX. And if you're delivering a feature you haven't successfully developed, you're spreading terrible UX. This video shows what a ...
rmarti55's user avatar
  • 445
6 votes

Office 2013 smooth cursor while typing

It all begins with system capabilities. In last couple of years the external graphics drivers are playing a huge role in improving system performances by GPU Accelerated Computing Systems. Cursors ...
Dipak's user avatar
  • 16.2k
6 votes

Office 2013 smooth cursor while typing

There are two problems. The first is the visible delay between the instance typing stops and the cursor moves, the second is that instance where the cursor appears above the text. Optimisation of ...
Babalwa Mehlomane's user avatar
6 votes

when to use "wait" and when "busy" mouse cursor

This is actually mentioned in the QT docs: https://doc.qt.io/qt-5/qt.html#CursorShape-enum Wait Cursor: - Usually shown during operations that prevent the user from interacting with the application. ...
DasBeasto's user avatar
  • 15.3k
5 votes

Why is the mouse cursor slightly tilted and not straight?

The fact that the mouse cursor is slightly tilted to the left makes a lot of sense. A very interesting fact: If it were straight, it would take a nanosecond more to place the cursor on the desired ...
Mircea's user avatar
  • 522
4 votes

Why is the mouse cursor slightly tilted and not straight?

Well, the cursor is a pointer, and mimics pointer angles from real life (~30-45° to the vertical). Importantly, that angle serves to guide the eye down the length of the pointer, in the direction ...
SNag's user avatar
  • 10k
4 votes
Accepted

Why does the cursor stop blinking after 10 seconds in some programs?

What the other answer neglected to mention was that this behaviour is changeable using GSettings/DConf Editor: just bump the value of this key - /org/gnome/desktop/interface/cursor-blink-timeout- and ...
underscore_d's user avatar
4 votes

Are cursor trail effects frowned upon and why?

The first thing to consider is that touch based device don't have cursors. Aside from that if you can do the animation tastefully and without using too many resources from the browser, it could add ...
Stephen Keable's user avatar
3 votes

Have clickable elements been a default cursor?

No question here. Anyways, the implementation of changing cursors was more prominent when visual elements are not distinguishable. This happened when web had a very static texty look. Nowadays, a ...
Eshwaren Manoharen's user avatar
3 votes

Using pointer mouse cursor shape on controls

If you are in doubt show a hand cursor on everything that is clickable. For the web application I’m working on I have done a lot of observations and came to the conclusion above. We have almost no ...
jazZRo's user avatar
  • 11.9k
3 votes

Office 2013 smooth cursor while typing

There is definitely good evidence of how animation can enhance (or negatively impact) the usability of screen elements and controls. However, I think to properly answer your question, no, I do not ...
Mattynabib's user avatar
  • 3,501
3 votes

Why is the mouse cursor slightly tilted and not straight?

A straight cursor would also obscure more of the object underneath raising the same issues when designing for touch interfaces
Mark C's user avatar
  • 161
3 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

I would just like to point out that, contrary to their guidelines, the submit feedback buttons on Apple's and Microsoft's websites both have a pointer cursor on hover. Both are input[type=submit] ...
tylertrotter's user avatar
3 votes

when to use "wait" and when "busy" mouse cursor

As a general rule, the arrow signifies that the user can interact with the UI. In the "busy" version the arrow is still being displayed, meaning that, while it makes visible that there's some process ...
Javi Ferrándiz's user avatar
3 votes

Should non editable text have the default cursor on hover?

Using the default arrow cursor over text will suggest to many users that the text isn't even selectable, let alone editable! Text should generally be selectable, and the I-bar is the right cursor to ...
Roger Attrill's user avatar
2 votes

Whether to use pointer (hand) over a button or just the default cursor

I know this is an old question, but thought maybe it could use some input from 2017. I had this same question, and during my googling, I was surprised to find out buttons were not intended to have a ...
lucky.expert's user avatar
2 votes
Accepted

Using pointer mouse cursor shape on controls

On a device, e.g. traditional PC, where user input is indirect via a mouse or trackpad in another plane, the cursor is a proxy for the user's focus. Consider that on devices with touchscreens you ...
Stonetip's user avatar
  • 737
2 votes

Drag and drop in one axis (reorder) - which cursor?

I would use the move cursor. The cursor should tell the user how can he interact with the element. Move cursor: indicates that the element can be moved around while its siblings stay. Grab cursor: ...
Alvaro's user avatar
  • 16.8k
2 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

- Used for most objects. - Used for text links. Example of a mouse pointer Hover cursor change in the animated picture to the right is an example of a mouse cursor moving around the screen as a ...
Artiom S.'s user avatar
2 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

One of the main tenets of UX is "don't make me think" .... if you don't have a hand pointer over a button then you have to think "is this a button?" ... so you are breaking this main principle and ...
72GM's user avatar
  • 121
2 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

Actually this issue triggers me recently... So there's been said that the pointer is used ONLY when "the content indicates a URL link". As all the UI devs know, sometimes we use a button style/visual ...
Duben Latex's user avatar
2 votes

What's the name of this "bubble" for selecting the cursor position?

These bubbles are called Text Selection Handles in Android. Reference: Material Design: Patterns – Selection
Akhil Ashok's user avatar
  • 1,201
2 votes
Accepted

Resize Cursor - Col/Row vs East-West/North-South

According to Microsoft Mouse and Pointers documentation, Behaviours: Behaviour 1 Dragging the edge increases the size of the two panels combined. The panels' size increases with some defined logic(...
Anvesh Dunna's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible