Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/03/2011, 19:14
Avatar de Gambinoh
Gambinoh
 
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 13 años, 11 meses
Puntos: 11
Redondear campo de texto

Hola a todos... estoy intentando redondear los bordes de un campo de texto y de un botón (se trata de un buscador interno) y no lo consigo.

Código CSS:
Ver original
  1. #formbuscar {
  2. position: relative;
  3. top: 5px;
  4. left: 10px;  
  5. border: 5px solid black;
  6. width: 150px;
  7. height: 25px;
  8. -webkit-border-radius: 4px;
  9. -moz-border-radius: 4px;
  10. border-radius: 4px;}

Código HTML:
Ver original
  1. <form id="formbuscar" name="buscar" action="buscar.php" method="get">
  2. <input type="text" size="8" value="" name="palabra" />
  3. <input type="submit" name="buscar" value="buscar" />
  4. </form>

Intenté aplicar el "border-radius" por separado en una clase al botón y al campo, pero creo que hay algo que hago mal.

De momento he logrado rodear en conjunto el campo de texto y el botón con ese borde redondeado (al haber redondeado los bordes del formulario) pero me sigue sin convencer, cuando aumento el tamaño de la página con Ctrl + se crea un espacio entre el botón y el campo y se despega el borde de 5px redondeado del form.

Última edición por Gambinoh; 13/03/2011 a las 19:19