Em alguns códigos de folhas de estilo, pode-se dar uma nova vida aos formulários. Esses efeitos só funcionam sob IExplorer 4 e sup. e não com o Netscape. Esteúltimo guarda a antiga apresentação.
A linha de texto
Antes :
<INPUT type="text" size=35 value=" Um pouco de cor nos formulários">
Depois :
<INPUT type="text" size=35 value=" Um pouco de cor nos formulários" style="background-color: #ffcc99; font-weight: bold; color: #660000;border: none;">
Seja sem borda (border: none;), com um fundo (background-color: #ffcc99;) e por os caractere em negrito e com a cor desejada (font-weight: bold; color: #660000;). Não podemos dizer que as folhas de estílos são complicadas !
Com borda:
<INPUT type="text" size=35 value=" Um pouco de cor nos formulários" style="background-color: #ffcc99; font-weight: bold; color: #660000;border: 5px double orange;">
Seja com uma borda dupla de cor de laranja e de 5 pixeis de espessura (border: 5px double orange;), com um fundo de cor (background-color: #ffcc99;) e os caracteres em negrito, de cor (font-weight: bold; color: #660000;).
A zona de texto
Tudo o que precede pode se aplicar nas zonas de texto.
<TEXTAREA name="nom" rows=4 cols=40 style="background-color: #ffcc99; font-weight: bold; color: #660000;border: 5px double orange;"> </TEXTAREA>
As listas de selecções
Podemos dar cor as listas:
<SELECT name="nome" size="1" style="background-color: aqua;> <OPTION> .................. </SELECT>
Ou dar uma cor para cada opção :
<SELECT name="dias" size="5"> <OPTION style="background-color: lime; ">segunda feira, o 1º dia da semana <OPTION style="background-color: red;">terça feira <OPTION style="background-color: yellow;">quarta feira <OPTION style="background-color: aqua;">quinta feira <OPTION style="background-color: fuchsia;">sexta feira </SELECT>
Os botões radio e checkbox
O sistema das folhas de estilo não parece, segundo os nossos ensaios, se aplicar nos botões radio et checkbox. Pena...
Photoshop
