更改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的高度

回答

相關問題