Redondear campo de texto

[Gambinoh]

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:

#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:

<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" />
</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.

[C2am]

Me parece que deberías aplicarlo a cada elemento en particular y no al formulario.
De todas formas este tipo de elementos no son muy proclives a aceptar demasiado css, aunque a mi me funcionó.
Claro, solo en navegadores que aceptan el radius, no en IE

[TheDark03]

Hola Gambinoh,
si deseas aplicar css, a un elemento tipo text, debes aplicarlo directamente al mismo como te lo menciona el compañero C2am. En el código que pones según parece estas formateando al ID #formbuscar, pero este ID pertenece al formulario en si, ya que tu deseas aplicar estilos a los controles tipo text, el código de ejemplo sería el sgte:

Código CSS:

input[type=text]{float:right;border:1px solid #888;background:#666;color:#FFF;font-weight:bold;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px;padding:8px;margin-top:10px;}
 

si deseas agregar css una clase en particular que pertenezca a un input tipo TEXT,si mal no recuerdo la sintaxis seria la siguiente:

Código CSS:

input[type=text].campoform1{/*Stylos*/}
 

Saludos.

Nota: La propiedad border-radius solo son aceptadas por los navegador como el chrome, FF y el Opera.(El IE no lo soporta)