2016-03-04 56 views
0

我使用angular material來設計我的項目。現在我需要一個輸入來在我的工具欄中進行搜索,就像youtube一樣。角材md-input-container不會垂直居中

我的代碼:

<md-list flex-offset="10"> 
    <md-list-item layout-align="start center"> 
     <md-input-container md-no-float flex> 
      <input type="text" placeholder="Search" flex> 
     </md-input-container> 
     <md-button> test </md-button> 
    </md-list-item> 
</md-list> 

工具欄標籤之前,我的MD-名單如下:

<md-toolbar layout="row" flex style="max-height: 60px;"> 
    <div class="md-toolbar-tools"> 

我已經試過什麼:

  • 結束語內正常div和設置佈局 - 對齊開始,居中。
  • 使用表單標籤來包裝輸入容器。

問題:

輸入組不會垂直居中,這是我後。我試過的其他每個指令都像MD按鈕一樣完美。

這是一個錯誤還是我做錯了什麼?

編輯(由圖片進行比較,MD-輸入容器,輸入,MD-按鈕):

enter image description here

回答

9

你試過

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

是的,我剛剛嘗試添加到CSS文件。這工作! – andersfylling

+0

很高興聽到。謝謝 – Arunkumar

0

MD-輸入容器具有從規格此規則{餘量:18像素0;}爲了對驗證進行說明,您可以通過制定自定義清除保證類{margin:0!important}來覆蓋它。

+0

這個用以下方法嘗試:,遺憾的是它沒有工作。 – andersfylling