¿Cómo hacer que un cuadro de texto tenga esquinas redondeadas?

Solución:

Puede usar CSS para hacer eso, pero no sería compatible con IE8-. Puede usar algún sitio como http://borderradius.com para crear el CSS real que usaría, que se vería así (nuevamente, dependiendo de cuántos navegadores esté tratando de admitir):

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

Esto se puede hacer con CSS3:

<input type="text" />

input
{
  -moz-border-radius: 15px;
 border-radius: 15px;
    border:solid 1px black;
    padding:5px;
}

http://jsfiddle.net/UbSkn/1/

---

Sin embargo, una alternativa sería poner el input dentro de una div con un fondo redondeado y sin borde en el input

---

---

Utiliza Nuestro Buscador