cambiare lo stile di una select disabilitata

[alexinside83]

ciao a tutti...

e possibile cambiare lo stile di una select disabilitata (ovvero quando non è utilizzabile, che si presenta tutta in grigio)

grazie.

ciao

[pierofix]

Potresti usare il selettore CSS di attributo:

select[disabled="disabled"]
{
   /* Qui lo stile che vuoi. */
}

Visto però che caca-IE non supporta i CSS a questo livello ( :rollo: ) potresti aver bisogno di un piccolo javascript. Una cosa simile:

window.onload = function()
{
   var selects = document.getElementsByTagName('select')

   for (var i = 0; i < selects.length; i++)
   {
      if ( selects.item(i).getAttribute('disabled') == 'disabled' )
      {
         selects.item(i).className = 'disabilitata'
      }
   }
}

Modificherai quindi come segue il foglio di stile:

select[disabled="disabled"],
.disabilitata
{
   /* Qui lo stile che vuoi. */
}

[Mich_]

In teoria, tutto e` possibile. Pero` occorre fare i conti con i browser reali.

In pratica, e` possibile definire uno stile "grigetto", ad esempio:
.grigetto {
background-color: #aaa;
color: #333;
}
Ed e` possibile definire uno stile "pieno":
.pieno {
background-color: #fff;
color: #000;
}

Poi puoi assegnare uno stile o l'altro:
<input type="..." class="grigetto" id="..." disabled="disabled" ...>
<input type="..." class="pieno" id="..." ...>

Per cambiare lo stile, credo sia necessario JS, ma dipende da cosa gia` stai usando.

[alexinside83]

ehmm....non funziona...

non so come mai, ho fatto come suggeritomi da Mich_ ma non cambia niente.

io vorrei solo che la mia select disabilitata non si presenti con quell'effetto grigio...

[pierofix]

Non so su IE, ma su Firefox lo sfondo e il colore del testo dovrebbero funzionare. Tu con che browser hai testato?

[alexinside83]

IE 6

[alexinside83]

uff...devo confermare che su firefox funziona...quindi devo riuscire a trovare la soluzione su IE...

mi potete aiutare?grazie...

[pierofix]

Tutti i browser permettono di modificare solo fino ad un certo punto l'aspetto visivo degli elementi dei form. Probabilmente caca-IE non permette di editare le informazioni di stile in esame.