Estilo de input

[needles]

Que tal! bien pues tengo una gran duda que espero puedan aclararme,y es que ¿Cómo puedo cambiar el borde de nuestros input? es decir,ya sé que con javascript y la propiedad CSS "style=border:#00000" por ejemplo,pero quisiera más éste efecto:

https://www.taringa.net/registro

Y la verdad no tengo ni idea de cómo lograrlo,se hace con jquery? en tal caso,¿Cómo lo programo? gracias! espero puedan responderme !

[WorldFox]

Iniciado por needles

Que tal! bien pues tengo una gran duda que espero puedan aclararme,y es que ¿Cómo puedo cambiar el borde de nuestros input? es decir,ya sé que con javascript y la propiedad CSS "style=border:#00000" por ejemplo,pero quisiera más éste efecto:

https://www.taringa.net/registro

Y la verdad no tengo ni idea de cómo lograrlo,se hace con jquery? en tal caso,¿Cómo lo programo? gracias! espero puedan responderme !

en una hoja CSS, pones:

Código:

input
{
background-color:red;
border:solid;
}

Y todos los atributos que quieras.

[avalos22]

Se pone de la siguiente manera:
<input type="text" style="color:#000; background-color:#09F; border:#03C 1px solid;" />

Se puede agregar el estilo directamente en el input no necesariamente tienes que hacer una hoja de estilos..
con la etiqueta style, puedes agregarle todo el estilo que quieras directamente.

Saludos!

[WorldFox]

Iniciado por avalos22

Se pone de la siguiente manera:
<input type="text" style="color:#000; background-color:#09F; border:#03C 1px solid;" />

Se puede agregar el estilo directamente en el input no necesariamente tienes que hacer una hoja de estilos..
con la etiqueta style, puedes agregarle todo el estilo que quieras directamente.

Saludos!

Lo de la hoja de estilos lo decía porque había nombrado "nuestros inputs" por lo que es más útil que están poniéndole un style 1 por 1. Aun así eso también es valido y si es solo para unos pocos muy recomendable.

Saludos.

[avalos22]

Se pone de la siguiente manera:
<input type="text" style="color:#000; background-color:#09F; border:#03C 1px solid;" />

Se puede agregar el estilo directamente en el input no necesariamente tienes que hacer una hoja de estilos..
con la etiqueta style, puedes agregarle todo el estilo que quieras directamente.


En el caso del link que pusiste... esos inputs tienen imagenes y tambien las puedes agregar con css en una hoja de estilos para que sea mas ordenado:


.input {
border: none;
width: 162px;
height=36px;
background: #FFF;
}
.rounded {
background: url(input.png) no-repeat;
padding: 5px;
}

Perdon esque me habia faltado unas cosas

Saludos!

[avalos22]

.input {
border: none;
width: 162px;
height=36px;
background: url(input.png) no-repeat;
padding: 5px;
}

Ponlo de esta manera y listo... espero te sirva.