html - Ionic Input 有一些奇怪的内部右填充

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

ionic 上的输入项有 24px 的内边距。您可以通过这种方式删除该填充

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