Il seguente CSS funziona in FF, ma non in IE (almeno 8,0), come posso assicurarmi che il testo sia allineato al centro per IE8.0? Grazie!!!come assicurarsi che il testo dell'opzione di selezione sia allineato al centro in IE?
select, option {
text-align: center;
}
Purtroppo, non è possibile modificare l'allineamento di SELECT articoli in IE, anche se mi sorprende che anche IE 8 mantiene questa cattiva abitudine.
Dato che questo non è possibile in IE, penso che si dovrebbe ricorrere a:
Attuare i propri widget SELECT. Ci sono molte librerie JS che fanno questo, principalmente perché gli input SELECT sono difficili da stilare.
Inserire gli spazi bianchi appropriati di fronte alle opzioni più piccole.
Edit: sembra che gli spazi non funziona, ma lo spazio HTML fa:
<SELECT>
<OPTION> SMALL</OPTION>
<OPTION> LARGER</OPTION>
</SELECT>
Questo è un bel mod ...
Gli spazi bianchi non funzionano, IE li aggiunge alla parte destra dell'elemento - per qualsiasi motivo ... –
È possibile effettuare una classe e chiamare utilizzando il 'STYLE TAG' nel campo opzione ::
Per esempio: -.
<style type="text/css">
select { width: 400px; text-align:center; }
select .lt { text-align:left; }
</style>
<select name="state" class="ddList">
<option value="">(please select a state)</option>
<option class="lt" value="--">none</option>
<option class="lt" value="AL">Alabama</option>
<option class="lt" value="AK">Alaska</option>
<option class="lt" value="AZ">Arizona</option>
<option class="lt" value="AR">Arkansas</option>
<option class="lt" value="CA">California</option>
<option class="lt" value="CO">Colorado</option>
</select>
Questa soluzione non riesce su IE proprio come quella presentata dall'autore della domanda. Nemmeno parlando del fatto che non è fedele a quello che sembra essere il suo desiderio: centrando non solo il testo nella selezione ma anche nelle opzioni ... – Daniel
in nessun modo intorno ?! – WilliamLou