2015-11-05 3 views
12

Wenn ich die Schriftgröße einer Select-Eingabe mit aussehen: none; Safari erhöht auch die Schriftgröße der Popup-Optionen, was zu einem abgeschnittenen Prüfzeichen führt. Wie kann ich das beheben?Safari Select-Popup gerendert mit abgeschnittenen Check

Live example

safari rendering bug

select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    font-size: 26px; 
} 
+0

Safari-Version? Retina? Sieht in Safari 9.0.1 (Retina) gut aus. –

+1

In meinem OS X Yosemite 10.10.5 mit Safari 9.0.1 auf Retina sieht es nicht korrekt aus, ich habe die zwei Punkte anstelle eines Kontrollkästchens. –

+0

Kann unter OS X El Capitan 10.11.1 nicht reproduziert werden (verschiedene Bildschirmauflösungen und Zoom-In/Zoom-Out wurden versucht). –

Antwort

0

Es ist ein Fehler in Safari. Es wurde in Version 9 behoben, aber in Safari 8 (und vielleicht früher) unterbrochen. Ich habe in Safaru 9.0.1 eingecheckt - sieht gut aus.

+1

Ich bekomme immer noch den gleichen Fehler in Safari 9.0.1 https://youtu.be/98bTPyiddMk Irgendwelche Ideen für Korrekturen? –

+0

Leider, ich denke, es ist unmöglich, durch CSS zu beheben. Es ist nicht in meiner Safari 9.0.1 wiedergegeben. Sie können versuchen, das ausgewählte Element größer zu machen (die Breite zu erhöhen), vielleicht wird es helfen. –

+0

Ich versuchte, half nicht traurig.Ok, dann muss ich mit diesem Fehler leben. –

0

Wir bemerkten einen merkwürdigen Unterschied basierend auf OSX-Version.

Ich habe El Capitan mit Safari 9.0.3 und sehe nicht die Ellipse. Aber mein Kollege hatte Yosemitie mit der gleichen Version von Safari 9.0.3 und er sah die Ellipse. Der Fehler scheint also möglicherweise mit der OS/Safari-Kombination und nicht nur mit der Browserversion zu tun zu haben.

Verwandte Themen