Foros del Web » Creando para Internet » CSS »

input con esquinas redondeadas

Estas en el tema de input con esquinas redondeadas en el foro de CSS en Foros del Web. Tengo el siguiente codigo: <body> nombre<input type="text"/> </body> Quiero que las esquinas del input sean redondeadas. Si alguien puede ayudarme con esto! Saludos!...
  #1 (permalink)  
Antiguo 13/02/2011, 14:31
 
Fecha de Ingreso: mayo-2010
Mensajes: 413
Antigüedad: 7 años, 7 meses
Puntos: 2
input con esquinas redondeadas

Tengo el siguiente codigo:


<body>

nombre<input type="text"/>

</body>

Quiero que las esquinas del input sean redondeadas. Si alguien puede ayudarme con esto! Saludos!
  #2 (permalink)  
Antiguo 13/02/2011, 17:26
d3xf4ult
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: input con esquinas redondeadas

Prueba con esto:

Código HTML:
<html>
<style type="text/css">
    input {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #000000;
        padding: 0 4px 0 4px;
     }
</style>

<body>

    nombre<input type="text"/>

</body>
</html> 
  #3 (permalink)  
Antiguo 15/02/2011, 10:28
 
Fecha de Ingreso: mayo-2010
Mensajes: 413
Antigüedad: 7 años, 7 meses
Puntos: 2
Respuesta: input con esquinas redondeadas

Gracias, por tu respuesta.
Me sirve para firefox y chrome pero no para IE.
Saludos, espero respuesta!
  #4 (permalink)  
Antiguo 15/02/2011, 11:56
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: input con esquinas redondeadas

lo ideal es que uses una imagen de fondo con los bordes redondeados
y el css coloques por ejemplo

Código CSS:
Ver original
  1. input[type="text"]{width:100px;height:28px;line-height:28px;padding:0 8px;border:none;background:url(imgborderedondo.jpg) no-repeat;}

o tienes la opción que ya te dio el compañero añadiéndole un archivo border-radius.htc para que funcione en IE6 - IE8 (el IE9 no lo he probado)

de aquí puedes bajar ese archivo y te explican como usarlo.
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Etiquetas: esquinas, input, redondeadas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:29.