Cursor flickers between pointer and arrow

user_8948692 0
Viewed 2121

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.

css html
3 Answers

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.

user_87241600

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.

user_4607200

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;
}
user_40322780
Related