Two dots prepended to currently selected

Question

Level 1

0 points

Two dots prepended to currently selected

Rather than a checkmark, Safari adds two dots in front of the selected option in a drop down if the font is larger.

-webkit-appearance: none

doesn't seem to get rid of this. Any ideas how to get around this programatically?

e.g. http://jsbin.com/guzukepoto/1/edit?html,output

MacBook Pro

Posted on Jul 30, 2015 7:41 AM

Reply

Answer 1

jjoys Author

Level 1

0 points

Oct 27, 2015 10:34 AM in response to jjoys

Looks like this bug was fixed in Safari 9, but broken in Safari 8 (and maybe earlier). In Safari 9, if the font is increased a lot (e.g. to 50px http://jsbin.com/xoduzizita/2/edit?html,output), the checkmark appears cutoff, but is much better than two dots!

Reply

Answer 2

John Galt

Level 10

141,126 points

Oct 27, 2015 10:39 AM in response to jjoys

Thanks for the update. I had forgotten about it.

Here's the output at 35px

Better!

Reply