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

Answer 2

尝试一下：

<ion-input class="ioninput"> <ion-input>

在CSS中：

.ioninput{
     input{
         height:xx px;
          }
     }

离子3离子输入离子项高度问题

2 个答案: