删除<fieldset>
的边框行的最简单方法是什么?
我的意思是跨浏览器解决方案......可能吗?
答案 0 :(得分:106)
fieldset {
border: 0;
}
答案 1 :(得分:3)
fieldset {
border:0 none;
}
答案 2 :(得分:1)
(关于Marko's评论)
就<legend>
的定位/样式而言,我隐藏了<legend>
(仍然将其中一个放在那里只是为了语义),而是定位/设置<h2>
。我发现这个设置为我的字段集提供了很好的样式选项。
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;
}
<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>
答案 3 :(得分:0)
这是一种快速简单有效的方式。
将一个类或id分配给fieldset元素,然后在css中设置样式。
<fieldset class="fieldset">
或
<fieldset id="fieldset">
css.fieldset {
border: none;
}
或
fieldset {
border: none;
}