[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? :help: :help:
Grazie a tutti :D

[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/183/moduli-con-stile-usare-i-css-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]

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>:confused:

[pequeno]

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

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]

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 ;)