如何使用离子 3 中的按钮更改占位符颜色

Question

我想在 ionic 3 中更改文本输入中的占位符颜色。这是我的代码

在主要.html

<ion-input class="changeColor" placeholder="test" type="tel"></ion-input>

主.scss

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

感谢您阅读我的问题，我想知道这个占位符不改变颜色的原因。

Answer 1

你试过这个吗：

ion-input{
  input::placeholder {
    color:red!important;
  }
}

Answer 2

您可以通过覆盖离子 Sass 变量来编辑占位符颜色。检查此链接。您可以将$text输入占位符颜色变量分配给所需的颜色。