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

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作品，电流离子答案（离子-angular 3.8.0）提供了通过主题变量实现的标准方式。 见ionic documentation for the input field page, SASS variables section。通知$text-input-placeholder-color变量。