Jaki jest najprostszy sposób na usunięcie linii granicy <fieldset>?

Question

Jaki jest najprostszy sposób na usunięcie linii border z <fieldset>?

Mam na myśli rozwiązanie oparte na różnych przeglądarkach ... czy to możliwe?

Answer 1

fieldset { 
    border: 0; 
} 

Answer 2

fieldset { 
    border:0 none; 
} 

Answer 3

(w odniesieniu do komentarza Marko)

O ile pozycjonowanie/stylizacji <legend>, ukryć <legend> (nadal umieścić jeden w tam po prostu być semantyczny), a pozycja/zamiast tego ustaw styl <h2>. Uważam, że ta konfiguracja daje mi dobre opcje stylizacji dla moich zestawów pól.

• 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

Oto szybki łatwy skutecznym sposobem na jej styl ..

przypisz klasę lub identyfikator do elementu fieldset, a następnie nadaj mu styl w css.

<fieldset class="fieldset"> 

lub

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

lub

fieldset { 
border: none; 
}