如何在离子输入中更改占位符的颜色？

Question

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

我想更改占位符的颜色,不应该影响其他页面.

Answer 1

给出离子输入的类名:

<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;
}