代码之家 › 专栏 › 技术社区 › Dan H.

字段集在Twitter引导下未正确呈现

fieldset panel twitter-bootstrap asp.net

2

Dan H. · 技术社区 · 8 年前

但如果我包括引导,它看起来是这样的:

1 回复 | 直到 8 年前

1

3

Jade Cowan 8 年前

这无疑不是您希望的答案,但我只能想出一个选项来帮助渲染 fieldset legend 当您在项目中包括引导时,您需要的元素:

有一个CSS属性调用 all 它有几个值可以设置。你可以仔细阅读 here initial . 所以一个具有属性的类 all: initial; 将所有选定元素的属性重置为CSS规范中定义的初始值。之后,您必须为 传奇 元素的渲染方式。我提供了一些工作代码,可以帮助您开始。你可以看到它在起作用 here . 请注意,bootstrap在这个环境中,如果删除所有CSS,您将看到bootstrap样式呈现。

<fieldset class="reset-this redo-fieldset" style="margin-left: 10px;">
    <legend class="reset-this redo-legend">Name</legend>
    First Name: <input type="text"><br>
    Last Name: <input type="text"><br>
</fieldset>

示例CSS:

.reset-this {
  all: initial;
}

.redo-fieldset {
  border: 1px solid black;
  padding : 10px;
} 

.redo-legend {
  color: black;
}