css - 在 ion-searchbar 上实现 float 标签和跨设备(ios/android)不一致的颜色

Question

我正在使用 ionic 制作跨平台应用程序，我想在我的输入字段中实现 float 标签，我已经通过寻求帮助实现了它们 here但我在向 ionic 搜索栏实现 float 标签时遇到了问题。我想知道这是否有可能在搜索栏上实现 float 标签，如果可以，我们如何实现呢？我已经搜索过了，但找不到任何东西。

另一件不一致的事情是 float 标签在不同设备 (Android/iOS) 上的显示方式。当输入字段在 iOS 中聚焦时，有什么方法可以更改标签颜色。对于 android 它会自动处理它(即白色作为占位符，当它漂浮时变成蓝色)但在 iPhone 中它保持黑色。

ionic 版本:3.9.2

任何帮助将不胜感激。谢谢

*********更新********

我可以在获得焦点时更改 float 标签的颜色。现在有什么办法可以针对不同的标签以不同的方式更改此 float 标签吗？实际上我有不同背景的组件，所以相同的颜色不会适用于所有组件。我试着把

$label-ios-text-color-focused: red;

但对标签没有影响，它仍然从 variable.scss 文件中获取颜色值。

有什么帮助吗？

Answer 1

用于在输入聚焦时在标签上应用颜色(特别是在 iOS 中)

$label-ios-text-color-focused : red;

将这一行写在你的 variable.scss 文件中