在 HTML 中使用 <fieldset> 时，边框周围不会出现线条

Posted 2023-02-16

【中文标题】在 HTML 中使用 <fieldset> 时，边框周围不会出现线条

【英文标题】：When using <fieldset> in HTML a line does not appear around the border

【发布时间】：2020-08-17 20:19:06

【问题描述】：

当使用多个表单控件和“fieldset”标签时，它们周围的线不会出现。我已经在 Firefox、Chrome、Explorer 和 Safari 中尝试过，并且所有这些都发生了同样的事情。这是我正在使用的代码：

<form name="form" id="form" method="get">

<fieldset>

<legend>Contact details:</legend><br>


<label for="name">Name:</label>

<input type="text" name="nom" id="name"><br><br>


<label for="surname">Surname:</label>

<input type="text" name="ape" id="surname"><br><br>


<label for="age">Age:</label>

<input type="number" name="ed" id="age" min="1" max="95"><br><br>


<label for="email">Email:</label>

<input type="email" name="em" id="email"><br><br>


<input type="submit">


</fieldset>

</form>         

【问题讨论】：

它在 codepen 中对我有用。是否有一些 CSS 可能会影响它？

【参考方案1】：

你在使用引导程序吗？我试图从我的文件中注释掉引导链接并出现字段集边框。 如果您包含 Bootstrap，您可能需要一些额外的自定义。

【讨论】：

抱歉，我没有注意到在我的 CSS 重置中，“fieldset”的边框：0。