[HTML] Uso dei CSS: applicarli ai form?

[Dani88]

Avrei bisogno di un aiuto per riuscire a capire come posso applicare i css ai form. Ho letto diversi esempi/tutorial ma non sono riuscito a farli funzionare.
Per caso qualcuno riesce a farmi un esempio semplice e un minimo spiegato su come funziona?
Grazie a tutti

[lupoxxx87]

beh posta il codice del tuo form, dai una breve descrizione di come vorresti il css e vediamo cosa possiamo fare...

[Dani88]

non ho un form particolare da modificare...sto più che altro cercando di capire come cambiare:
- colori testo/sfondi degli input text
- dimensione del testo
ecc..

[lupoxxx87]

basta che dai un id o una classe a ogni elemento e puoi cambiare ogni singolo dettaglio.

a dire il vero puoi farlo anche senza assegnare id o classi, ma se li assegni puoi trattare ogni elemento in un modo diverso

[Dani88]

si ma ad esempio leggento su html.it dice:
http://css.html.it/articoli/leggi/18...-con-i-form/2/
pero non capisco come faccia a capire che input.text si riferisce a form2??

[lupoxxx87]

allora...proprio per il nome CASCADE stile sheet....

se l'elmento text, all'interno della form form

allora lo stile che definisci per form viene propagato a cascata a tutti gli elementi che esso contiene.

per fare un esempio

#form {
color: blue;
}

#text {
font-style: underline;
}

avrai testo blu e sottolineato all'interno di text

[Dani88]

Originariamente inviato da lupoxxx87

allora...proprio per il nome CASCADE stile sheet....

se l'elmento text, all'interno della form form

allora lo stile che definisci per form viene propagato a cascata a tutti gli elementi che esso contiene.

per fare un esempio

#form {
color: blue;
}

#text {
font-style: underline;
}

avrai testo blu e sottolineato all'interno di text

No aspetta...se scrivo così non coloro di blu solo il testo che sta ad esempio dentro un contenitore
<div id="text">...</div>

[pequeno]

Originariamente inviato da Dani88

No aspetta...se scrivo così non coloro di blu solo il testo che sta ad esempio dentro un contenitore
<div id="text">...</div>

No,
colori di blu il testo all'interno degli elementi che sono contenuti dal tag con id="form".
Nell'esempio che ti è stato proposto prima,
il testo all'interno del tag con id="text", in teoria, viene sottolineato.
In realtà il codice corretto è:

#text { text-decoration: underline; }

In questo caso, la sottolineatura vale solo per quel campo text,
mentre la definizione del colore vale per tutti gli elementi all'interno del form,
poichè il form è un elemento contenitore.
Il tag <input type="text".. invece è un elemento in linea e quindi non ha sotto-elementi a cui "propagare" la regola.

[lupoxxx87]

Originariamente inviato da pequeno

In realtà il codice corretto è:

#text { text-decoration: underline; }

thanks per la correzione...
non avevo troppa voglia di aprire textmate per copiare la stringa corretta e sono andato un po' a memoria