刪除<fieldset>邊界線最簡單的方法是什麼？

Question

什麼是最簡單的方法來刪除邊界行<fieldset>？

我的意思是一個跨瀏覽器的解決方案...這可能嗎？

Answer 1

fieldset { 
    border: 0; 
} 

Answer 2

fieldset { 
    border:0 none; 
} 

Answer 3

（在問候馬爾科的評論）

至於定位/造型的<legend>，我隱藏<legend>（還是把一個在那裏只是爲了語義）和位置/風格改爲<h2>。我發現這個設置爲我的字段集提供了很好的樣式選項。

• 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

下面是它的樣式快速簡便有效的方法..

將類或id分配給fieldset元素，然後在css中對其進行設置。

<fieldset class="fieldset"> 

或

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

或

fieldset { 
border: none; 
}