Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari Select-Popup rendered with truncated check

Tags:

html

css

safari

When I increase the font-size of an <select> <input> with appearance: none; Safari also increases the font-size of the popup options, which leads to a truncated check sign. How can I fix this?

Live example

safari rendering bug

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 26px;
}
like image 348
Roland Schütz Avatar asked Nov 05 '15 22:11

Roland Schütz


1 Answers

We noticed a strange difference based on OSX version.

I have El Capitan with Safari 9.0.3 and do NOT see the ellipsis. But my co-worker had Yosemitie with the same version of Safari 9.0.3 and he DID see the ellipsis. So the bug seems possibly related to the OS/Safari combo and not just the browser version.

like image 164
Jason Jarrett Avatar answered Oct 19 '22 17:10

Jason Jarrett