Varios estilos para input

[marcelocardoso 6]

Pessoal!

 

Tenho este código para input, mas gostaria de criar outros estilos para aplicar em inputs..

Como posso fazer, outros modelos em cima deste em baixo???

 

input{ 	
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 1px 1px 2px #333333;	
-moz-box-shadow: 1px 1px 2px #333333;
-webkit-box-shadow: 1px 1px 2px #333333;
background: #cccccc; 
border:1px solid #000000;
width:150px
}
input:hover{ 
       background: #ffffff; border:1px solid #990000;
}

 

[Nícolas Luís Huber 14]

Não entendi o que você quer fazer.

[marcelocardoso 6]

quero criar 3 ou 4 estilos para campos INPUT, tem como.

 

tipo input 1, input 2

[01100011cc 15]

Tem N formas de se fazer isso, procure sobre seletores css...

[Nícolas Luís Huber 14]

Você pode criar várias classes para cada estilo, por exemplo:

 

.btn-success {
 background-color: #5bb75b;
 color: #fff;
}
.btn-info {
 background-color: #49afcd;
 color: #fff;
}

 

Com isto você pode optar em qual estilo você quer. Tem um fremework CSS muito bom, traz algumas formatações para form bem bonitas. http://twitter.github.com/bootstrap/