Attributi del TAG option

[navajo75]

Buongiorno a tutti,

ho un form in cui l'utente ha la possibilità di personalizzare una cartellina.
Tra le altre cose, si può scegliere la font da un menù a tendina.
Mi sono accorto che il TAG option ha come attributo sia style, che class che id.
In un foglio di stile, allora, ho creato delle classi con le varie font presenti nel menù a tendina ed in ciascuna option ho richiamato la classe corrispondente, in modo da far vedere già nel menù a tendina com'è la font che si sta scegliendo.
Ho fatto le prove sui vari browser e mi sono accorto che funziona solo su Firefox.
Allora ho provato a farlo con un altro menù a tendina (colore stampa), che ha 3 option (rosso, nero e blu). Con il metodo di cui sopra (CSS), ho dato i rispettivi colori alle 3 option ed in questo caso funziona su tutti browser; la scelta rossa è rossa, la nera è nera (di default del resto) e la blu è blu.

Perchè la font no ed i colori si?
Esiste un'altra maniera che mi permetta di ottenere quello che sto cercando di fare, su ogni browser?

Grazie,
Marco

 

[criric]

Non credo che per questo problema si possa fare qualcosa per IE

forse dovresti trovare un altrnativa alla select, per esempio i radio

<style type="text/css">
    html body {
        font-size: .9em;
    }
    .arial {
        font-family: Arial;
    }
    .trebuchet {
        font-family: "Trebuchet MS";
    }
    .verdana {
        font-family: Verdana;
    }
    .tahoma {
        font-family: Tahoma;
    }
</style>

<input type="radio" name="font" value="arial"/>
<span class="arial">Arial</span><br/>
<input type="radio" name="font" value="trebuchet"/>
<span class="trebuchet">Trebuchet</span><br/>
<input type="radio" name="font" value="verdana"/>
<span class="verdana">Verdana</span><br/>
<input type="radio" name="font" value="tahoma"/>
<span class="tahoma">Tahoma</span><br/>

oppure cambiare il font di un testo con javascript una volta effettuata la scelta

<span id="esempio">Scegli il tipo di font : </span>
<select onchange="document.getElementById('esempio').style.fontFamily=this.options[this.selectedIndex].value">
    <option value="Arial">Arial</option>
    <option value="Verdana">Verdana</option>
    <option value="Tahoma">Tahoma</option>
</select>

 

[navajo75]

Ciao criric,

credo che seguirò il tuo consiglio e metterò dei radio button.

Saluti,
Marco