css - 使用 css 在 ionic 输入上书写时更改输入文本的颜色

Question

我正在尝试设置 ion-input 的样式，当没有文本时我有一个占位符，如果有文本，文本为黑色，如果我输入文本，它是#9933CC。

HTML 看起来像这样:

<ion-item>
    <ion-input placeholder="Last Name" autocapitalize="on" [(ngModel)]="user.lastname" value="{{user.lastname}}"></ion-input>
</ion-item>

这已经有了占位符并将值与模型联系起来，所以我一切都很好，它按预期工作。问题是当我打字时，打字颜色总是黑色的。这是我的 .scss 文件中的 CSS 片段:

input, select, textarea{
  color: #000000;
}

textarea:focus, input:focus {
  color: #9933CC !important;
}

这是我在另一个显然对这个人有帮助的 SO 问题中发现的，但它对我的情况不起作用。

有人可以帮忙吗？谢谢!

Answer 1

发现 ion-input 的父项之一分配了一个名为 item-has-focus 的类，该类是在元素获得焦点时设置的。我只需要在我的 scss 文件中定义以下内容即可使其工作:

.item-has-focus{
  color: #9933CC !important;
}