Non riesco a cambiare selectheight, con tutto il browser funziona bene, ma Safari no, dove può essere un problema? Inoltre provo a fare la classe .style select, ma non funziona.Cambiamento safari seleziona altezza
select {
width: 170px;
height: 25px;
}
Prova ad aggiungere questo:
-webkit-appearance: menulist-button;
Non funziona con Safari sul computer Windows, ma la proprietà Line-Height è sufficiente per definire l'altezza del tag Select –
Questo è l'unico metodo di lavoro da Safari versione 10.1.2. L'altezza della linea non funziona più. –
per lo stile un prescelto in Safari, è necessario prima di spegnere lo styling os:
-webkit-appearance: none;
Vero, ma questo nasconderà la freccia del menu a discesa. Pertanto l'opzione migliore è l'altezza della linea (vedi risposta sopra). –
Nasconde la freccia del menu a discesa, ma elimina anche con successo lo stile offensivo: la tavolozza pulita. +1 –
È inoltre possibile utilizzare
line-height: 25px
che non interessa altri browser, b correzioni ut questo bug in Safari
'line-height' sembra essere ignorato 9.1.3, tuttavia' height: 25px' sta funzionando. Purtroppo anche "min-height" non funziona. –
'height' o' line-height' non funziona nella versione 10.1.2 –
Niente ha funzionato per me fino a quando ho usato stile in linea:
<select name="pickupsel" id="pickups" style="line-height:33px">
In qualche modo Safari (versione più recente di Windows, 5.1.7) Non legge questa struttura in stile da file CSS.
@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: menulist-button !important; line-height:24px !important; } }
Dare line-height secondo le vostre esigenze.
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
-webkit-appearance: menulist-button !important;
line-height:24px !important;
}
}
Questo codice garantisce la stessa altezza tra i browser.
Se hai bisogno di più informazioni http://mywebdesigningtips.blogspot.in/ controlla questo link –
almeno su iPad il prescelto non è reso per imbottitura o line-height ma invece renderà data altezza e al centro in verticale il valore
select {
-webkit-appearance:menu-item; // or menulist-button
-moz-appearance:menu-item;
height:2.4em; // this must be calculated to match other input types
}
input[type="text"], select {
min-width:12em;
border-radius:5px;
}
l'unica cosa irrisolta è ora di fondo, che è predefinito e imutable
L'uso migliore modo rivelatore modernizzatore e dare classe safari selezionare il menu a
line-height: 20px;
oppure è possibile utilizzare jQuery UI selezionare il menu a così Lo faccio con un altro browser incrociato.
Penso che l'altezza di una selezione in Safari sia collegata alla dimensione del testo e non sia possibile impostarla da sola. – boz
Potrebbe essere possibile cambiarlo con 'line-height'? –