Ionic 2 占位符文本样式

我正在使用 Ionic 2 rc0 开发一个应用程序，并且整个应用程序中有几个仍然需要样式设置的输入字段。

<ion-item class="su-p3-item">
  <ion-label floating class="su-input">Your name</ion-label>
  <ion-input type="text" class="su-input"></ion-input>
</ion-item>

离子2输入APIhttp://ionicframework.com/docs/v2/api/components/input/Input/ http://ionicframework.com/docs/v2/api/components/input/Input/

具体来说，我需要更改占位符文本的样式以及活动时的底部边框。通过 API 并提供 SASS 变量覆盖，我无法弄清楚如何覆盖输入字段的边框和占位符文本的继承样式。

除了影响每个输入所在的特定页面的这些更改之外，我想避免使用“！重要”（我不希望更改是“全局”）。

使用 Ionic2 RC4，您必须在 app.scss 文件中添加以下行：

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

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

.text-input::-webkit-input-placeholder {
  text-indent: 0;
  color: white;
}