I am working on an application that is mostly used by desktop users. So I am trying to perfect the use of the cursor css-rules.

First of all, I have read and try to follow the practice of having pointer-cursor only for external (href) links, but have the default-cursor (arrow) on buttons and internal links (like navigating to another application menu-item).

What I am a bit more uncertain on, is the practice for text. This application contains a lot of editable data. Like forms or editable content inline (in tables and other elements). I have been considering showing the text- cursor only for editable data, to indicate that the user can click to edit, and have the default-cursor for normal text, even if it is selectable. The default browser rules is usually the text-cursor for all normal text. Anyone know if there is any unwritten standards, any widely used styleguides or other sources for information on this part?

1 Answer 1


I'd go with using the pointer-cursor for both of your first 2 scenarios and text-cursor for your 3rd and 4th scenarios, and use some other visual cue to distinguish between them.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.