Override Bootstrap 5 fieldset style

e5nqia27 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(2)|浏览(172)

在以前版本的Bootstrap中（也使用vanilla CSS），以下HTML：

<fieldset>
  <legend>Test</legend>
    Welcome!
</fieldset>

输出带边框的字段集，图例位于其上：

然而，当相同的HTML与Bootstrap 5一起使用时，输出如下所示：

如何覆盖引导CSS，使字段集的边框再次可见，其上有图例？

twitter-bootstrap

来源：https://stackoverflow.com/questions/70536735/override-bootstrap-5-fieldset-style

2条答案

按热度按时间

bfhwhh0e1#

使用revert可以将任何css重置为其默认值：

fieldset, legend {
   all: revert;
}

第一次

赞(0）回复(0）举报 2022-12-07

ylamdve62#

解决方案可能是在CSS中覆盖legend和fieldset，如下所示：

fieldset {
    border: solid 1px gray;
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
}
legend {
    float: none;
    width: inherit;
}

然而，我不认为这种方法是最干净的方法，有什么建议的方法来实现这一点？

赞(0）回复(0）举报 2022-12-07

我来回答

Override Bootstrap 5 fieldset style

2条答案

相关问题

热门标签

最新问答