CODEWITHSUNDEEP
htmlcss
adefilippo
adefilippo

Reputation: 51

Cursor flickers between pointer and arrow

Currently making a website which contains a table, of set height, whose rows populate and depopulate over time. On each row I have :hover { cursor: pointer; }, but it seems that when I move it between the rows it flickers between the pointer and the normal mouse arrow. I've also noticed this on other websites as well, I wasn't sure if this was a known issue or if there was anything that can be done about it. Thanks.

Upvotes: 4

Views: 3563

Answers (3)

Jamie Ciocco
Jamie Ciocco

Reputation: 123

Another thing to try if your custom CSS cursors flicker back and forth to the default mouse arrow: check to see if Photoshop is open.

Photoshop can affect the mouse cursor in other applications; try quitting Photoshop to see if that resolves the issue.

Upvotes: 4

Eric
Eric

Reputation: 1701

You can set the hover state for the entire table which will prevent that behavior:

table:hover {
  cursor: pointer;
}

Alternatively, eliminate the tiny space between cells (which is where the cursor switch is occuring):

table {
  border-spacing: 0px;
}

Upvotes: 0

Smokey Dawson
Smokey Dawson

Reputation: 9240

A solution would be to put your table inside a div and then make the whole div have a cursor: pointer you also don't need to have cursor: pointer on the :hover pseudo class either.

Upvotes: 3

Related Questions