删除<fieldset>边框线最简单的方法是什么？
删除<fieldset>边框线最简单的方法是什么？
提问于 2010-11-20 07:45:12
删除<fieldset>的边框行最简单的方法是什么
我的意思是跨浏览器的解决方案。这有可能吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2010-11-20 07:46:38
fieldset {
border: 0;
}Stack Overflow用户
发布于 2010-11-20 07:50:26
fieldset {
border:0 none;
}Stack Overflow用户
发布于 2010-11-20 12:32:23
(关于评论)
至于定位/样式化<legend>，我隐藏了<legend> (仍然在里面放了一个只是为了语义)，而是定位/样式化一个<h2>。我发现这个设置为我的字段集提供了很好的样式选项。
- JSFiddle链接：http://jsfiddle.net/axYQs/
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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4230375
复制相关文章
相似问题