角材料MD-工具欄輸入

Question

有沒有辦法像這樣的MD-工具條中添加MD-輸入容器？

Answer 1

這很簡單。只需將md-input-container添加到工具欄。

<md-toolbar class="myCustomClass"> 
    <div class="md-toolbar-tools"> 
    <md-input-container class="md-block" flex-gt-sm> 
     <label>Search for item</label> 
     <input ng-model="searchPhrase" name="searchPhrase"> 
    </md-input-container> 
    </div> 
</md-toolbar> 

您可能需要的，如果在搜索框中坐在高調整垂直對齊方式。您可以通過添加以下CSS這樣做：

.myCustomClass md-input-container .md-errors-spacer{ 
    min-height: 0px !important; 
} 

顯然，正確的方法是創建一個自定義類工具欄上的輸入，並應用上面的樣式，所以你最終不會重寫默認樣式的其他輸入標籤。