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

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

Answer 2

尽管99tharun作品的答案，但当前的离子（离子角3.8.0）提供了通过主题Viariables进行的标准方法。有关输入字段页面，SASS变量部分，请参见离子文档。注意$text-input-placeholder-color变量。