离子输入有一些奇怪的内部右边填充

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">

更新：我正在使用Ionic Framework

Answer 1

离子上的输入项具有24px的填充。你可以用这种方式删除那个填充

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