input - 如何在 ionic 输入中更改占位符的颜色？

Question

<ion-input placeholder="please input" clearInput></ion-input>
我想更改占位符的颜色，并且不应该影响其他页面。

Answer 1

给 ionic 输入一个类名:

<ion-input class="text-input" placeholder="please input" clearInput></ion-input>

并将以下行添加到页面的 .scss 文件中:

.text-input::-moz-placeholder {
  color: red;
}

.text-input:-ms-input-placeholder {
  color: red;
}

.text-input::-webkit-input-placeholder {
  color: red;
}