離子輸入有一些奇怪的內右側填充

Question

我有以下代碼：

<div class="row no-padding" style="margin-top: 0px;"> 
    <div class="col-67 no-padding"> 
     <label class="item item-input"> 
      <input name="email" ng-model="model.email" placeholder="Email" required type="email"> 
     </label> 
    </div> 
    <div class="col no-padding"> 
     <label class="item item-input"> 
      <input name="mobile" ng-model="model.number" placeholder="Mobile" required type="tel"> 
     </label> 
    </div> 
</div> 

我也得到奇數內右側填充一個輸入框： （注意.COM被切斷&數應該是123456789）

有沒有辦法減少這種情況？

我試着用在輸入而不利用以下幾點：

<input name="email" style="padding-right: -25px; ng-model="model.email" placeholder="Email" required type="email">

更新：我使用的離子離子框架

Answer 1

輸入項具有24像素的填充。您可以用這種方法刪除該填充

.item-input input { 
    padding-right: 0; 
}