HTML - combo box disabled color

**wiulma** · 27-02-2004, 10:26

ciao a tutti,
sapere come posso fare per modificare il colore e l'aspetto delle combo box nel caso incui siano disabilitate?
grazie!!

**Federix** · 27-02-2004, 10:29

Se le combo sono disabilitate, si vedranno sempre grigie.

**fdaguanno** · 27-02-2004, 11:00

Se le combo sono disabilitate, si vedranno sempre grigie.

E questa dove l'hai sentita?

Vi posto questo codice, COPIA-INCOLLA ed il gioco è fatto.

codice:

<HTML>
&nbsp&nbsp&nbsp&nbsp<HEAD>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<TITLE>Select disabled</TITLE>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<STYLE>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspSELECT{
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBORDER-TOP: 0px solid #ff0000;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBORDER-BOTTOM: 0px solid #ff0000;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBORDER-LEFT: 0px solid #ff0000;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBORDER-RIGHT: 0px solid #ff0000;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspMARGIN-TOP: 0px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspMARGIN-BOTTOM: 0px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspMARGIN-LEFT: 0px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspMARGIN-RIGHT: 0px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspPADDING-TOP: 0px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspPADDING-BOTTOM: 0px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspPADDING-LEFT: 0px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspPADDING-RIGHT: 0px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBACKGROUND-COLOR: #ffff00;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspFONT-FAMILY: Comic Sans MS;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspFONT-WEIGHT: 700;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspFONT-SIZE: 15px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspFONT-STYLE: oblique;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspTEXT-TRANSFORM: capitalize;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspFONT-VARIANT: small-caps;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspWIDTH: 200px;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspHEIGHT: 20pt;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspCOLOR: #000000;
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspTEXT-DECORATION: underline overline line-through
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp}
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</STYLE>

&nbsp&nbsp&nbsp&nbsp</HEAD>
&nbsp&nbsp&nbsp&nbsp<BODY>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<SELECT disabled>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<OPTION style="BACKGROUND-COLOR: transparent">Seleziona</OPTION>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<OPTION style="BACKGROUND-COLOR: #ff0000;">Option1</OPTION>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<OPTION style="BACKGROUND-COLOR: #00ff00;">Option2</OPTION>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<OPTION style="BACKGROUND-COLOR: #0000ff;">Option3</OPTION>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</SELECT>
&nbsp&nbsp&nbsp&nbsp</BODY>
</HTML>

**Federix** · 27-02-2004, 11:46

Eh beh, mica sò un Dio che sa tutto. Pensavo non si potesse fare na cosa del genere.

**antos** · 27-02-2004, 11:50

Originariamente inviato da fdaguanno
E questa dove l'hai sentita?

Vi posto questo codice, COPIA-INCOLLA ed il gioco è fatto.
....

nel codice che hai postato meglio se sostiutisci
paddin-left:...etc;
con il p+ breve
padding:0px;
stessa cosa per il bordo
border:0px; /*inutile specificare le altre propietà*/
margin:0px;

**wiulma** · 27-02-2004, 13:47

grazie davvero, mi hai risolto 1 bel problema...

**fdaguanno** · 27-02-2004, 16:55

Solo per puntualizzare....

nel codice che hai postato meglio se sostiutisci
paddin-left:...etc;
con il p+ breve
padding:0px;
stessa cosa per il bordo
border:0px; /*inutile specificare le altre propietà*/
margin:0px;

Lavoro con i CSS in maniera veramente avanzata (tant'è che nei siti che sviluppo non uso più tabelle da quasi due anni!!!).
Ti assicuro che conviene specificare tutto... Tanto lo fai una sola volta nel file *.css incluso...

Poi ognuno fa come vuole (anch'io ho cambiato stile nel progettare le pagine nel corso del tempo)
Ciao :gren:

**Federix** · 27-02-2004, 16:59

Io invece ho trovato che per il padding e il margin si deve scrivere così:

codice:

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

In pratica corrispondono a superiore, destro, infeiore, sinistro.

Discussione: HTML - combo box disabled color

Strumenti discussione

Ricerca discussione

Visualizza

HTML - combo box disabled color

E questa dove l'hai sentita?

Re: E questa dove l'hai sentita?

Permessi di invio