Formularios redondeados

[Rodro]

Primero felicitaciones por el nuevo diseño del sitio esta super chevereeee!!!!

Ahora si, yo tengo un formulario hecho de la sgte. manera:

<div id="formulario-contacto">
<fieldset>
<legend>Contacto</legend>
<div class="formulario">
<label>Nombre:</label>
<asp:TextBox ID="txt_titulo" runat="server" CssClass="input"></asp:TextBox></div>
</fieldset>
</div>

bueno solo he puesto como ejemplo un campo, porq quiero darme a entender que con estas etiquetas html <fieldset></fieldset> y <legend></legend> añade un contorno al formulario pero este es cuadrado y yo necesito un contorno con bordes redondedados, como puedo lograr eso? gracias!

[baccxus]

Hola,

Pues fieldset funciona como una división, así que están demás varias divisiones que tienes ahí, además de que hay varias opciones para los bordes redondeados, en javascript, CSS, directamente imágenes y CSS y varias más; por el momento, si usas IExporer e border del fieldset es redondeado, si queres que también sea redondeado para firefox puedes usar:

Código:

fieldset {
-moz-border-radius: 9px;}

Aunque sé, que muchos no están de acuerdo con los "hacks" puede ser una solución a lo que buscas.

Te pongo imágenes de como se ve el fieldset en varios navegadores.
1. firefox con el hack -moz-border-radius:


2. Safari para windows:


3. Opera 9:


4. El "tan amado" IE6


PD: ME NIEGO A USAR IE7!