覆盖 Bootstrap 5 字段集样式
Ser*_*ras 13 html css twitter-bootstrap bootstrap-5
回到以前版本的 Bootstrap（以及普通 CSS），以下 HTML：
<fieldset>
<legend>Test</legend>
Welcome!
</fieldset>
输出带有边框的字段集，图例位于其上方：
然而，当相同的 HTML 与 Bootstrap 5 一起使用时，输出如下所示：
如何覆盖 bootstrap CSS，以便字段集的边框再次可见，并带有其图例？
dan*_*man 19
任何 css 都可以通过使用 revert 重置为默认值：
fieldset, legend {
all: revert;
}
fieldset, legend {
all: revert;
}
.reset {
all: revert;
}kin*_*_ru 15
遇到了同样的问题，以下方法对我的案例有所帮助。详情请参阅以下内容。
https://github.com/twbs/bootstrap/issues/32548
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<div class="container">
<fieldset class="border rounded-3 p-3">
<legend class="float-none w-auto px-3" >Test</legend>
Welcome!
</fieldset>
</div>
</body>
</html>