Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/04/2010, 03:28
superlopez82
 
Fecha de Ingreso: enero-2009
Mensajes: 19
Antigüedad: 15 años, 10 meses
Puntos: 0
Bordes redondeados en input

Un saludo a tod@s los forer@s...

Quisiera darle diseño a los input de la web que estoy desarrollando, y ponerle los bordes redondeados, tanto en IE como en Firefox...
He probado a ponerle al input una imagen de fondo con el borde ya dibujado, pero cuando escribo un texto largo en el input se me junta con el borde de la imagen tal que asi:
http://www.rafalopezgarcia.es/img/01.jpg

Pensé que la solución sería ponerle un padding por la izquierda,y funciona perfectamente en Firefox, pero en ID se produce el mismo efecto.
He probado con text-indent, pero tampoco funciona.

El estilo que aplico al input es el siguiente:

.contieneFormulario input
{
width: 175px;
height: 17px;
border:0;
background-image: url(../images/input.jpg);
background-repeat: no-repeat;
background-position:bottom right;
margin-left: 15px;
padding-left: 10px;
text-indent: 5px;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
color: #820f3b;
}

¿Alguien ha tenido el mismo problema?

Gracias.