[HTML] Formattare il tag option

jakob · 1 Lug 2016

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 · 2 Lug 2016

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 · 2 Lug 2016

cris8380 ha scritto:

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 · 2 Lug 2016

Ciao, aggiungi questo codice tra

Codice:

<head>
<style>
[label]
{
color: red;
}
</style>
</head>

marino51 · 3 Lug 2016

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 · 5 Lug 2016

marino51 ha scritto:

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!!

Cerca

Cerca

[HTML] Formattare il tag option

jakob

Nuovo Utente

cris8380

Moderatore

jakob

Nuovo Utente

cris8380

Moderatore

marino51

Utente Attivo

jakob

Nuovo Utente

Discussioni simili