更改mdl-layout-header mdl-layout-header-row的高度

如何设置CSS以更改此Material Design Lite标题的高度。更改mdl-layout-header mdl-layout-header-row的高度

<!-- 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-layout__header高度变了！

来源

2017-09-27 Dada Bellmon

你已经试过了什么？请回顾[我如何问一个好问题]（https://stackoverflow.com/help/how-to-ask）。你的问题应该包括你的*特定*编码相关问题的清晰概述，你已经尝试过的内容以及[最小，完整和可验证示例]中相关代码的摘要（https://stackoverflow.com/help/mcve），所以我们有足够的信息能够提供帮助。 – FluffyKitten

您还将不得不覆盖min-height属性（无需使用!important）。

Pen demo

来源

2017-09-29 20:02:26

欢迎您，很高兴帮助。 –

更改mdl-layout-header mdl-layout-header-row的高度

回答

相关问题