Cursor type is text when using FireFox

Question

robertlabrie opened this issue 9 years ago · 5 comments

FF43 Win10 x64 - the cursor when hovering over the glyphs is the text select cursor instead of the default cursor.

PS: Thanks for this. I made my own (https://github.com/robertlabrie/bootstrap-star-rating), yours is better, please take a look at the cursor when you get a chance.

Thanks,
Rob

Answer 1 · 2016-02-11T23:42:49.000Z

Thanks for the feedback @robertlabrie!

Yep. It seems that Firefox auto pointer determines that the rating is some kind of text. Then it shows this I-beam cursor.

I have forced the pointer to be always the default (usually an arrow). Now all browser should consistently show the same default cursor.

Answer 2 · 2016-02-12T00:05:11.000Z

In case you need to customize the cursor you can do it creating a class with the desired cursor:

.custom-cursor {
  cursor: pointer;
}

and then add this class to the list of classes for the data-filled and data-empty attributes:

<input type="hidden" class="rating" data-filled="fa fa-star fa-3x custom-cursor" data-empty="fa fa-star-o fa-3x custom-cursor" />

Check the example.

Answer 3 · 2016-02-12T01:21:01.000Z

Thanks for your help, and the fast turn around. Any idea when the fixed version might be on out cdnjs?

Answer 4 · 2016-02-12T08:26:09.000Z

According to the cdnjs documentation it should not take more than 12 hours.

Answer 5 · 2016-02-12T08:30:51.000Z

BTW, I just checked an it is already there. 👏 for cdnjs!