離子3離子輸入裏面的離子項高度問題

Question

我正在建立一個網站，窗體有標籤輸入。他們似乎有我的身高，我無法弄清楚如何減少它。代碼如下

<ion-grid> 
     <ion-row> 
      <ion-col text-right><ion-item no-lines><ion-label class="fa-labels">Name</ion-label><ion-input placeholder="Infrastructure Information" value="Infrastructure Information"></ion-input></ion-item></ion-col> 
      <ion-col><ion-item no-lines><ion-label class="fa-labels">Close Date</ion-label><ion-input value="7/15/17"></ion-input></ion-item></ion-col> 
     </ion-row> 
     <ion-row> 
      <ion-col text-right><ion-item no-lines><ion-label class="fa-labels">Account</ion-label><ion-input value="Net-World Technologies"></ion-input></ion-item></ion-col> 
      <ion-col><ion-item no-lines><ion-label class="fa-labels">Status</ion-label><ion-input value="Open"></ion-input></ion-item></ion-col> 
     </ion-row> 
     </ion-grid> 

應用CSS

ion-input { 
    border: 0.5px solid #BCC0C2; 
    margin: 0px; 
    padding:0px; 
} 

做填充或保證金沒有幫助爲0px。

Answer 1

如果我正確理解文檔，您需要使用類的樣式，而不是通過選擇元素本身。所以......

<ion-input class="input" ...></ion-input>和.input { padding: 0; margin: 0; }