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

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

  •  2
  • Dan H.  · 技术社区  · 7 年前

    enter image description here

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

    enter image description here

    1 回复  |  直到 7 年前
        1
  •  3
  •   Jade Cowan    7 年前

    这无疑不是您希望的答案,但我只能想出一个选项来帮助渲染 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;
    }