Fieldset 奇数图例下划线问题

Posted

技术标签:

【中文标题】Fieldset 奇数图例下划线问题【英文标题】:Fieldset odd legend underline issue 【发布时间】:2015-02-08 10:58:26 【问题描述】:

我对字段集标签有疑问:图例无缘无故地加了下划线。如何删除它下面的细线?

这是显示问题的屏幕截图,我添加了红色背景只是为了突出显示图例“HEY”下的行

提前感谢您的帮助。

【问题讨论】:

发布您的代码或小提琴以获得更好的帮助... Normally it doesn't have any underline,我们需要查看您的代码。 这里是小提琴jsfiddle.net/LvnL3trc 这条线没有出现在这里,但它在引导程序中出现......我不知道 好吧,然后在bootply 上重现您的问题并将其添加到您的帖子中。 Bootply 版本:bootply.com/VYO9KSCU61 谢谢 【参考方案1】:

Bootstrap 正在将 border-bottom 添加到 legend。您可以通过将border: 0 添加到legend 来删除它。

Bootply

legend 
  border: 0;

【讨论】:

以上是关于Fieldset 奇数图例下划线问题的主要内容,如果未能解决你的问题,请参考以下文章

Fieldset 上的奇怪图例布局

如何使用 react-native 设计字段集图例

花哨的字段集图例

可以将任何 HTML 元素设置为字段集/图例吗?

表格中图例周围的边框不显示

从图例元素中删除字段集边框和框阴影