select e font-size

[pacoz]

è possibile modificare la dimensione del testo delle option di una select?

ecco cosa vorrei fare:

Dimensione testo:
  <select name="sel_size">
    <option value="1" style="font-size: 80%;">Piccolo</option>
    <option value="2" style="font-size: 100%;" selected="selected">Normale</option>
    <option value="3" style="font-size: 120%;">Grande</option>
    <option value="7" style="font-size: 140%;">Enorme</option>
  </select>

per dare all'utente una sorta di anteprima della selta che sta facendo

ho provato ma la dimensione non cambia.. neanche se la definisco in pixel

premetto che sto usando tutti i font-size in percentuale

dove sbaglio?

[Mich_]

Non credo che i browser implementino gli stili nei tag <option> (anche se potrebbe essere valido dal punto di vista sintattico del W3C).

Puoi definire uno stile per il tag <select>:
<select name="sel_size" style="font-size: 100%;">

Se poi accetti un piccolo JS, potresti implemetare:
<select name="sel_size" style="font-size: 100%;" onchange="this.style.fontSize=this.options[this.selectedIndex].value;">
<option value="xx-small">MoltoMolto Piccolo</option>
<option value="x-small">Molto Piccolo</option>
<option value="small">Piccolo</option>
...
<option value="12px">12</option>
...
</select>


Valori possibili:
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
numero

[pacoz]

l'ho validato e risulta corretto però il browser non applica i cambiamenti

il javascript che mi hai suggerito non rende bene in quanto cambia la dimensione solo dopo che si è scelta l'opzione

con i colori invece funziona perfettamente:

Colore testo:
<select name="sel_color">
<option value="black" selected="selected" style="color: black;">Predefinito</option>
<option style="color: red;" value="red">Rosso</option>
<option style="color: yellow;" value="yellow">Giallo</option>
<option style="color: green;" value="green">Verde</option>
<option style="color: blue;" value="blue">Blu</option>
<option style="color: black;" value="black">Nero</option>
</select>

fa vedere le opzioni con i loro colore

bo.. l'idea mi era venuta guardando la select COLOR del Codice VB di questo forum

[Mich_]

Hai pensato di usare dei radio al posto della select per la dimensione?
Eventualmente inserita in un <div> che si espande quando il campo ha il focus (credo ci voglia JS anche per questo, dato che il :focus non funziona in molti browser).