¿Cuál es la forma más fácil de eliminar las líneas de borde <fieldset>?

Question

¿Cuál es la forma más fácil de eliminar las líneas del borde de un <fieldset>?

Me refiero a una solución multiplataforma ... ¿es eso posible?

Answer 1

fieldset { 
    border: 0; 
} 

Answer 2

fieldset { 
    border:0 none; 
} 

Answer 3

(en lo que respecta al comentario de Marko)

En cuanto a posicionamiento/el estilo del <legend>, escondo la <legend> (todavía poner uno allí sólo para estar semántica), y la posición/style an <h2> en su lugar. Encuentro que esta configuración me brinda bonitas opciones de diseño para mis conjuntos de campo.

• jsFiddle

HTML:

<fieldset> 
    <legend>Enter Name</legend> 
    <h2>Enter Name</h2> 
    <p> 
    <label for="name">Name:</label> 
    <br /> 
    <input type="text" name="firstname" id="name" /> 
    </p> 
    <p> 
    <input type="submit" value="Submit" /> 
    </p> 
</fieldset> 

CSS:

fieldset{ 
    border:2px solid gray; 
    padding:1em; 
    float:left; 
    font-family:Arial; 
} 
legend{ 
    display:none; 
} 
h2{ 
    border-bottom:2px solid gray; 
    margin:1em 0; 
} 
p{ 
    margin:1em 0; 
} 

Answer 4

Aquí está una manera fácil rápida y efectiva a lo estilo ..

asigne una clase o id al elemento fieldset y luego ajústelo en css.

<fieldset class="fieldset"> 

o

<fieldset id="fieldset"> 
css.fieldset { 
border: none; 
} 

o

fieldset { 
border: none; 
}