[CSS] background color in input di form

[rikkardo]

salve a tutti,

avete idea di come modificare questo css

.form input { 
  border: solid 1px blue;
  background-color:red;
}

per far sì che sia applicato solo quando la text del form è settata su disabled?

[rikkardo]

mi rispondo da solo

.form input:disabled { 
  border: solid 1px blue;
  background-color:red;

ora vorrei fare la stessa cosa su di una select ma

.form select:disabled { 
  border: solid 1px blue;
  background-color:red;

non va :°

Segnalo che la mia prima soluzione per il background color del campo text del form funziona su firefox ma non su msie6.

Sbaglio qualcosa io oppure anche a voi risulta così?

[pierofix]

Dovresti usare i selettori di attributo di CSS:

- http://www.w3.org/TR/CSS21/selector....bute-selectors

Per informazioni meno tecniche ti invito a fare una ricerca nel forum: l'argomento è già stato trattato svariate volte.

P.S. Non so se lo sai ma in XHTML non sono ammessi attributi privi di valore. Ecco che il primo esempio è errato, mentre il secondo è corretto:

1. <input disabled />

2. <input disabled="disabled" />

[rikkardo]

Originariamente inviato da pierofix
P.S. Non so se lo sai ma in XHTML non sono ammessi attributi privi di valore. Ecco che il primo esempio è errato, mentre il secondo è corretto:

1. <input disabled />

2. <input disabled="disabled" />

tradotto in css:

1. .form input disabled { background-color : #d3d300 }
   }

2. .form input[disabled="disabled"] { background-color : #d3d300 }
   }

ho provato ma non funziona, sicuramente sbaglio in qualche concetto, ma dove?

[rikkardo]

no, in realtà sembra funzionare ma se scrivo lo stesso css per la select non funziona.

Ma vorrei capire: disabled non è anche un attributo di select ?

preso da w3c:

[17.6 The SELECT, OPTGROUP, and OPTION elements

Attributes defined elsewhere

[...]
* disabled (disabled input controls)
]

[pierofix]

Per la select:

select[disabled="disabled"] { background-color:#d3d300 }

[rikkardo]

Originariamente inviato da pierofix
Per la select:

select[disabled="disabled"] { background-color:#d3d300 }

grazie per l'aiuto pierofix

ma non funziona

/*.form select[disabled="disabled"] { background-color : #d3d3d3 }  */

sia su firefox che (ovviamente) su ie6.

Cmq sotto tuo consiglio ho cercato sul forum thread legati ai problemi di questo tipo incontrati usando ie ma non riesco a trovarne nemmeno uno.

Sto pensando di fare qualcosa con il Javascript: che dici, è fattibile?

[pierofix]

Forse il problema sta nel fatto che le select, per natura, non accettino una formattazione sul colore di sfondo. Aspettiamo e vediamo se qualcuno sa darci qualche indicazione in merito.