什么是最简单的方法来删除<fieldset>边界线?

什么是最简单的方法来删除<fieldset>边框线?

我的意思是一个跨浏览器的解决scheme…是可能的吗?

 fieldset { border: 0; } 
 fieldset { border:0 none; } 

(关于Marko的评论)

就定位/造型<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; } 

这是一个快速简单有效的方式来设置它..

指派一个类或id到fieldset元素,然后在css中设置它的样式。

 <fieldset class="fieldset"> 

要么

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

要么

 fieldset { border: none; }