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

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

material-design-lite css

Dada Bellmon · 技术社区 · 9 年前

如何设置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标题高度!