Input con bordes en CSS

hmv · #1 (**permalink**) 12/07/2009, 03:21

Buenos dias,

Quiero poner una imagen con bordes dentro de un input, pero no me sale, alguien puede ayudarme.
Las imagenes son como se muestran en la imagen.

y cuando el cursor este dentro del input se active el focus y se muesta otra imagen como en la contraseña.
Muchas gracias.

hades87 · #2 (**permalink**) 12/07/2009, 03:24

podrías poner la imagen como background y al tener un input:focus le pones otro.

hmv · #3 (**permalink**) 12/07/2009, 03:59

puedes poner el codigo CSS porfa??

hades87 · #4 (**permalink**) 12/07/2009, 07:33

input .boton{
background: url(imagen.jpg);
border: none;
}

input:focus .boton{
background: url(otraimagen.jpg);
}

algo así tendría qeu ser. Igualmente investigando un pocos e llega a la misma solución.

kseso? · #5 (**permalink**) 13/07/2009, 05:53

Aquí tienes una recopilación de diferentes estilos para formularios:
smashingmagazine o con una vela a
google

Un saludo

willyfc · #6 (**permalink**) 13/07/2009, 07:56

A ver si esto te sirve.

hmv · #7 (**permalink**) 13/07/2009, 13:06

ahhh, perfecto muchas gracias, hay unos ejemplos muy buenos.