Questions tagged [mouse-cursor]

Use this tag for questions concerning how to change the shape and style of a mouse cursor. This tag may be used for a wide variety of programming languages and user interfaces including web browser based interfaces. It must be used with other tags to indicate programming language being used, development environment, operating environment, etc.

A mouse cursor is a user interface element that moves as a mouse or track ball is manipulated by a user. It is typically used to point to elements within the user interface as well as to provide feedback to the user when they are manipulating user interface elements with the mouse.

The style of the mouse cursor's shape, size, and animation may vary depending on the current state of the user interface. Some examples are an arrow like pointer, a hand with grabbing animation, and a waiting animation such as a revolving circle. An illustration or paint package may have other mouse cursor styles that look similar to real world art tools such as a spray can, brush, or pencil.

761 questions
2331
votes
27 answers

How to change the cursor into a hand when a user hovers over a list item?

I've got a list, and I have a click handler for its items:
  • foo
  • goo
How can I change the mouse pointer into a hand pointer (like when hovering over a button)? Right now the pointer turns into a text selection pointer…
user246114
  • 50,223
  • 42
  • 112
  • 149
312
votes
12 answers

How can I make the cursor turn to the wait cursor?

How can I display the Wait/Busy Cursor (usually the hourglass) to the user to let them know the program is doing something?
Malfist
  • 31,179
  • 61
  • 182
  • 269
240
votes
12 answers

Change cursor to hand when mouse goes over a row in table

How do I change the cursor pointer to hand when my mouse goes over a in a
Zeeshan Rang
  • 19,375
  • 28
  • 72
  • 100
223
votes
7 answers

CSS for grabbing cursors (drag & drop)

I have a JavaScript webapp where the user needs to grab the background to move the whole screen around. So I want the cursor to change when they're hovering over the background. The -moz-grab and -moz-grabbing CSS cursors are ideal for this. Of…
at.
  • 50,922
  • 104
  • 292
  • 461
101
votes
4 answers

Eclipse cursor changes to crosshair

I was working in Eclipse Java EE IDE. While using it, mouse cursor changes to cross-hair. Now its displaying as cross-hair in editors. Where to change it?
Muhammad Imran Tariq
  • 22,654
  • 47
  • 125
  • 190
99
votes
19 answers

Why is "cursor:pointer" effect in CSS not working

I set cursor: pointer for .about > span, but when my mouse hovers on those texts in , the cursor does not change into pointer mode. I would like to know why it is not working. HTML:
You Chia Lai
  • 1,035
  • 1
  • 7
  • 6
97
votes
2 answers

How to move mouse cursor using C#?

I want to simulate mouse movement every x seconds. For that, I'll use a timer (x seconds) and when the timer ticks I'll make the mouse movement. But, how can I make the mouse cursor move using C#?
aF.
  • 64,980
  • 43
  • 135
  • 198
93
votes
1 answer

How to combine cursor: not-allowed and pointer-events: none;

How can I combine CSS cursor: not-allowed and pointer-events: none; not-allowed seems not to appear .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .pointer-events-none { pointer-events: none; }
user4420255
83
votes
3 answers

jQuery - Follow the cursor with a DIV

How can I use jQuery to follow the cursor with a DIV?
Peter
  • 11,413
  • 31
  • 100
  • 152
81
votes
5 answers

Is it possible to remove the hand cursor that appears when hovering over a link? (or keep it set as the normal pointer)

I would like to remove the hand cursor that appears when you hover over a hyperlink. I have tried this css: a.link { cursor: pointer; } And this: a.link { cursor: pointer !important; } And still it changes to the hand when I hover over the…
Craig van Tonder
  • 7,497
  • 18
  • 64
  • 109
80
votes
12 answers

How to get a word under cursor using JavaScript?

If I for example have

some long text

on my HTML page, how can I know that cursor of mouse is for example above the word 'text'?
Ivan
  • 1,103
  • 2
  • 10
  • 15
75
votes
14 answers

Getting the browser cursor from "wait" to "auto" without the user moving the mouse

I use this jQuery code to set the mouse pointer to its busy state (hourglass) during an Ajax call... $('body').css('cursor', 'wait'); and this corresponding code to set it back to normal... $('body').css('cursor', 'auto'); This works fine... on…
Nosredna
  • 83,000
  • 15
  • 95
  • 122
70
votes
5 answers

Using external images for CSS custom cursors

Is it possible to use external image URLs for CSS custom cursors? The following example doesn't work: HTML:
TEST
CSS: .test { background:gray; width:200px; height:200px; …
Yarin
  • 173,523
  • 149
  • 402
  • 512
1
2 3
50 51
NameAge
Jennifer