离子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; }