如何在ionic-3中删除离子输入中不必要的填充？

Question

如何在ionic-3中删除离子输入中不必要的填充？

<ion-row align-items-center>
   <ion-col col-3></ion-col>
   <ion-col text-right  no-padding col-4.5> 
      Canister Width <p>(C.W.)</p>:
   </ion-col>
   <ion-col no-lines ion-item no-padding>
      <ion-input></ion-input>
   </ion-col>
</ion-row>

Answer 1

不能从具有ion-item属性的标记中的item中删除填充，因为拥有填充的不是ion-item，而是内部生成的item-inner子代。

这就是no-padding不能工作的原因，但是你可以像这样简单地用css来做

.item .item-inner {
  padding-left: 0px;
}

希望这能有所帮助。

Answer 2

试试这个？

 <ion-row align-items-center no-padding>

或者你可以添加<div no-padding>？

Answer 3

将下面的代码添加到css中

ion-item{padding:0 !important}

或

您可以在HTML文件中添加内联css

<ion-row align-items-center>
   <ion-col style="padding:0"> 
      Canister Width <p>(C.W.)</p>:
   </ion-col>
</ion-row>