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#formbuscar {
position: relative;
top: 5px;
left: 10px;
border: 5px solid black;
width: 150px;
height: 25px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
Código HTML:
Ver original<form id="formbuscar" name="buscar" action="buscar.php" method="get"> <input type="text" size="8" value="" name="palabra" /> <input type="submit" name="buscar" value="buscar" />
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.