Input 如何更改占位符';离子输入中的颜色?

Input 如何更改占位符';离子输入中的颜色?,input,ionic2,Input,Ionic2,我想更改占位符的颜色,并且不应影响其他页面。为离子输入提供类名: <ion-input class="text-input" placeholder="please input" clearInput></ion-input> 虽然99tharun的答案是可行的,但当前的ionic(ionic angular 3.8.0)提供了通过主题变量实现的标准方法。 看见请注意,$text input placeholder color变量。问题是“如何在不影响其他页面的情况下更


我想更改占位符的颜色,并且不应影响其他页面。

为离子输入提供类名:

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

虽然99tharun的答案是可行的,但当前的ionic(ionic angular 3.8.0)提供了通过主题变量实现的标准方法。
看见请注意,
$text input placeholder color
变量。

问题是“如何在不影响其他页面的情况下更改颜色”。编辑主题变量会更改整个应用程序中的颜色。
.text-input::-moz-placeholder {
  color: red;
}

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

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