2015-11-05 3 views
12

Quando si aumenta la dimensione del carattere di un input di selezione con aspetto: nessuno; Safari aumenta anche la dimensione del carattere delle opzioni popup, che porta a un segno di spunta troncato. Come posso risolvere questo?Seleziona Safari: rappresentazione pop-up con controllo troncato

Live example

safari rendering bug

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

Versione Safari? Retina? Sembra OK in Safari 9.0.1 (Retina). –

+1

Nel mio OS X Yosemite 10.10.5 con Safari 9.0.1 su Retina non sembra corretto, ho i due punti invece di una casella di controllo. –

+0

Impossibile riprodurre su OS X El Capitan 10.11.1 (ha provato diverse risoluzioni dello schermo e zoom in/zoom out). –

risposta

0

Si tratta di un bug in Safari. È stato risolto nella versione 9, ma rotto in Safari 8 (e forse prima). Ho controllato Safaru 9.0.1 - sembra a posto.

+1

Ho ancora lo stesso errore in Safari 9.0.1 https://youtu.be/98bTPyiddMk Qualche idea per le correzioni? –

+0

Sfortunatamente, penso che sia impossibile risolvere da css. Non è riprodotto nel mio Safari 9.0.1. Puoi provare a rendere l'elemento select più grande (aumentare la larghezza), forse sarà d'aiuto. –

+0

Ho provato, non ho aiutato tristemente. Ok, allora devo convivere con quell'errore. –

0

Abbiamo notato una strana differenza in base alla versione OSX.

Ho El Capitan con Safari 9.0.3 e NON vedo i puntini di sospensione. Ma il mio collega ha avuto Yosemitie con la stessa versione di Safari 9.0.3 e ha visto i puntini di sospensione. Quindi il bug sembra possibilmente correlato al combo OS/Safari e non solo alla versione del browser.