Attributi del TAG option

navajo75

Utente Attivo
16 Mar 2012
103
1
18
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Non credo che per questo problema si possa fare qualcosa per IE

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

HTML:
<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
HTML:
<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

Utente Attivo
16 Mar 2012
103
1
18
Ciao criric,

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

Saluti,
Marco
 
Discussioni simili
Autore Titolo Forum Risposte Data
WebmasterFioriniAndrea [MySQL] sql attributi con nome uguale MySQL 0
Y Esportare attributi taglia e colore fa Wordpress a Facebook E-Commerce 8
W [WooCommerce] importare Prodotti suddivisi con: Categorie, Prodotti, Attributi E-Commerce 6
K Come eliminare attributi regex per validazione con javascript Javascript 0
S Copiare attributi da una classe. Programmazione 0
napuleone Modificare attributi di una classe con js Javascript 2
JackIlPazzo Come creare un oggetto con attributi multipli? PHP 1
F Attributi Woocommerce WordPress 0
C Attributi Tag <html> in HTML5 HTML e CSS 2
P trasformazione di una tabella ->i valori di un attributo diventano gli attributi della nuova tabella MySQL 1
A Algoritmo NDiff, problema con gli attributi Programmazione 0
L PHP/MySQL: stampare da una tabella attributi raggruppati per genitore PHP 1
F che cosa cambia tra questi attributi? HTML e CSS 0
L [CSS] Div e menu sovrapposti, attributi 'absolute', 'relative' (schema in allegato) HTML e CSS 0
C lightbox attributi Javascript 3
A legge stanca e attributi non supportati HTML e CSS 0
H Modificare attributi links con javascript??!!?? Javascript 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
D Visualizzazione pagina basata sul valore di un campo del database PHP 2
Barierta Testo a comparsa con passaggio del mouse Javascript 17
W Elenco dei link del file presenti in una cartella PHP 2
C Dopo chiusura del tag php la stringa html va a capo PHP 1
R Trovare la Tabella del pagamento su WooCommerce WordPress 0
R Barra del menù principale decentrata Joomla 4
L titolo del sito nella pagina di ricerca di google SEO e Posizionamento 2
A Copertura: indicizzata, non inviata nella mappa del sito XML 1
felino Stampante Epson XP-322: nessuna traccia del colore nero! Hardware 6
M Controllo del codice fiscale/partita iva PHP 11
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
A fread non legge il contenuto del file PHP 4
F Aggiungere automaticamente sito a home del telefono HTML e CSS 2
C Saluti a tutti gli utenti del Forum Presentati al Forum 0
S Trasferire dati sulle pagine del sito PHP 7
V [Buoni amazon]+[Itunes] legali e scontati del 25% Altri Annunci 0
Mastiff_84 Saluto a tutti i membri del forum Presentati al Forum 1
D Aumentare i sublevel del menù del theme Webdesign e Grafica 1
A Ciao popolo del forum Presentati al Forum 0
T Dubbio su costante ROOT, che rappresenti la base directory del sito PHP 4
T Campi static del Controller generico si azzerano ad ogni richiesta PHP 3
F Creare un set di date a seconda del frazionamento scelto da inserire in MySQL PHP 6
felino [Wordpress] Modifica main color del template WordPress 8
D Logout che rientra col tasto indietro del browser PHP 5
felino Bug estetici del nuovo layout Supporto Mr.Webmaster 1
marino51 Restyling del forum 12/2019 - Critiche, segnalazioni e opinioni Discussioni Varie 7
F Opzione cambia aspetto del sito PHP 1
camilia Come posso dividere le grandi dimensioni del file PST? Windows e Software 2
Gabriele15497514 php testo errato durante la lettura del file txt quando lo script viene eseguito contemporaneamente PHP 3
M [PHP] elencare e conteggiare dati di una colonna del db PHP 13
P Nuovo del forum Presentati al Forum 0
K [ASP] Visualizzare nome del file selezionato Classic ASP 3

Discussioni simili