代码之家  ›  专栏  ›  技术社区  ›  Dada Bellmon

更改mdl布局标题mdl布局标题行的高度

  •  1
  • Dada Bellmon  · 技术社区  · 7 年前

    如何设置CSS以更改此材质Design Lite标题的高度。

      <!-- MDL-LAYOUT - HEADER -->
      <header class="mdl-layout__header">
          <div class="mdl-layout__header-row">
    
          </div>
      </header>
    
    .mdl-layout__header{
        margin: 0;
        padding: 0;
        background: transparent;
        border-top: 1px solid gold;
        border-bottom: 1px solid gold;
        color: gold;
        height: 16px !important;
    }
    .mdl-layout__header-row{
        margin: 0;
        padding: 0;
        background: transparent;
        border-top: 1px solid red;
        border-bottom: 1px solid red;
        color: gold;
        height: 16px !important;
    }
    

    我可以看到mdl布局标题行高度更改,但无法更改mdl-LAYOUU标题高度!

    1 回复  |  直到 7 年前
        1
  •  1
  •   Kostas Siabanis    7 年前

    min-height 属性(无需使用 !important

    Pen demo