什么是最简单的方法来删除<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; }