离子输入离子2中的对齐文本

Question

我有这个html in ionic

<ion-label color="primary" stacked>Email</ion-label>
<ion-input type="email" placeholder="Email Input"></ion-input>

如何在右侧进行文本输入对齐文本

Answer 1

离子3：

<ion-input text-center></ion-input>

Answer 2

在每一个ion-input都有一个input,这个输入是您需要的样式,只需执行以下操作:

ion-input {
  input {
    text-align: right;
    /* IF YOU ALSO WANT TO PUSH PLACHEHOLDER TO THE RIGHT USE THE FOLLOWING, IF NOT JUST DELETE THE ::-webkit-input-placeholder*/
    ::-webkit-input-placeholder {
      text-align: right;
    }
  }
}

希望这可以帮助.