离子输入动态宽度

Question

我希望当文本在其中增长时，离子输入也会增长。当前，它是一个难看的随机宽度输入小部件。 Ihr Wert的侧面应减少填充，例如按钮15 。

我的html：

<ion-col class="col-price" padding-right>
  <ion-input text-center placeholder="{{'YOUR_VALUE' | translate}}" class="input-price"></ion-input>
</ion-col>

scss：

  .input-price {
    margin: 0;
    padding: 0;
    border-radius: 0.3em !important;
    border: 0.05em solid color($colors, button_blue);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .col-price {
    align-self: center;
  }