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

时间:2010-11-19 23:45:12

标签: html css

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

我的意思是跨浏览器解决方案......可能吗?

4 个答案:

答案 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;
}