[HTML] Formattare il tag option

jakob

Nuovo Utente
16 Mag 2016
7
0
1
Salve ragazzi.

La mia domanda è questa: E' possibile formattare un tag option di una select??

Adesso vi mostro il codice:

Codice:
<selectname="operatore">
    <optionvalue=" " selected style="color:red">Operatore</option>
    <optionvalue="1">1</option>
    <optionvalue="2">2</option>
    <optionvalue="3">3</option>
    <optionvalue="4">4</option>
    <optionvalue="5">5</option>
    <optionvalue="6">6</option>
</select>

La mia intenzione è di utilizzare la option della prima riga come segna posto e vorrei applicare uno stile diverso per evidenziare la differenza con le altre voci. Ma così non funziona. Potete aiutarmi a capire dove sbaglio?
 

cris8380

Moderatore
Membro dello Staff
MOD
3 Giu 2016
261
14
18
38
Ciao se non ho capito male.... ti posto il codice
HTML:
<select>
<optgroup label="Operatore">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    </optgroup>
</select>
 

jakob

Nuovo Utente
16 Mag 2016
7
0
1
Ciao se non ho capito male.... ti posto il codice
HTML:
<select>
<optgroup label="Operatore">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    </optgroup>
</select>

Ciao cris avevo provato anch'io con optgroup, il problema è che non riesco a formattare l'etichetta di colore rosso.
 

cris8380

Moderatore
Membro dello Staff
MOD
3 Giu 2016
261
14
18
38
Ciao, aggiungi questo codice tra
Codice:
<head>
<style>
[label]
{
color: red;
}
</style>
</head>
 

marino51

Utente Attivo
28 Feb 2013
3.016
174
63
Lombardia
non so se ho capito bene, in ogni caso ti lascio un esempio
HTML:
<select name="select"
    style="color:red;"
    onChange="this.style.color=this.options[this.selectedIndex].style.color">
<option style="color:red;"   value=" " selected>Seleziona un operatore</option>
<option style="color:black;" value="1">Operatore 1</option>
<option style="color:black;" value="2">Operatore 2</option>
<option style="color:black;" value="3">Operatore 3</option>
</select>
 

jakob

Nuovo Utente
16 Mag 2016
7
0
1
non so se ho capito bene, in ogni caso ti lascio un esempio
HTML:
<select name="select"
    style="color:red;"
    onChange="this.style.color=this.options[this.selectedIndex].style.color">
<option style="color:red;"   value=" " selected>Seleziona un operatore</option>
<option style="color:black;" value="1">Operatore 1</option>
<option style="color:black;" value="2">Operatore 2</option>
<option style="color:black;" value="3">Operatore 3</option>
</select>

Grazie Marino51 era proprio quello che cercavo!! :):)
 
Discussioni simili
Autore Titolo Forum Risposte Data
A formattare testo html PHP 2
G Codice html Javascript 1
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
F Creare elementi html con javascript Javascript 2
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
G img html HTML e CSS 3
M Come fare un countdown in HTML? HTML e CSS 4
D Stampa a video in altra pagina html Database 3
A inserire variabile php colore in div html PHP 2
F Tv in html Offerte e Richieste di Lavoro e/o Collaborazione 1
N Script elenco file HTML HTML e CSS 5
L salvare codice html in mysql PHP 3
Cosina htaccess redirect 301 senza estensione html Web Server 6
E Errore di lettura php in html PHP 8
M HTML e PHP Offerte e Richieste di Lavoro e/o Collaborazione 3
C Form email php su pagina index.html? PHP 21
Shyson Meglio Javascript o HTML? Javascript 4
P inserimento icone social tramite html HTML e CSS 1
Z Mod_rewrite da HTML in PHP PHP 3
L Collegare un form html ad un database access Javascript 2
P HTML integrazione wordpress HTML e CSS 0
C [RISOLTO]Inserimento variabile php in input html PHP 20
L Eliminare estensione .html HTML e CSS 9
max1974 html in tooltip Javascript 0
C Risalire al php da html PHP 27
felino Esportare tabella HTML in PDF, quale libreria usare? Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
L [RISOLTO] Stampa a video risultato count in html PHP 13
V Servizio design pagina web e download in self contained html file Discussioni Varie 1
F [PHP] Form html PHP 2
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
M Estrarre dati da una select HTML PHP 3
G FORM HTML E PHP PHP 0
max1974 [HTML] Columns grid on modal form HTML e CSS 0
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
F [PHP] [HTML] Tabella cambia pagina responsive PHP 8
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
S [HTML] Effetto su testo da togliere HTML e CSS 0
M [PHP] Istruzione "echo" all'interno di codice html PHP 2
D [HTML] Aiutino su costruzione tabella :) HTML e CSS 3
diamantetredici13 [HTML] link e poi link... HTML e CSS 2
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
A [HTML] Testo mail non visualizzabile su IOS HTML e CSS 0
A [HTML] Creare sito web per eLearnig HTML e CSS 2
napuleone [HTML] type="file" inserire path di partenza HTML e CSS 4

Discussioni simili