TextField 上的 Nativescript 占位符颜色样式不起作用答案

【问题标题】：Nativescript placeholder-color style on TextField doesn't workTextField 上的 Nativescript 占位符颜色样式不起作用
【发布时间】：2019-11-04 07:49:08
【问题描述】：

如何使用 Angular 和 nativescript-theme-core (2.0.24) 在 Nativescript (6.1.2) 中的 TextField 上设置 placeholder-color？

我试过设置_app-common.scss

TextField {
  placeholder-color: red;
}

但这不起作用。

这个有角度的操场但是：https://play.nativescript.org/?template=play-ng&id=x9Gf79&v=2 但它有另一个文件结构而不是我的项目。

如果我这样做也可以：

.input {
  placeholder-color: red;
}

我还发现一些我试图覆盖的变量也不起作用： _app-variables.scss

$text-field-hint-color: red !default;
$placeholder-color: red !default;

为什么当我尝试设置TextField 的样式时它不起作用？这样做的正确方法是什么？

【问题讨论】：

我猜是优先级，具体的类规则比标签更优先。

标签： android nativescript nativescript-angular

【解决方案1】：

@jarrodwhitley 有理由像这样实现：

<TextField style="placeholder-color:white" [(ngModel)]="userName" hint="User Name..." color="white">

【讨论】：

【解决方案2】：

不是很清楚，但是查看文档似乎placeholder-color 是一个“根视图 CSS 类”。意思是，您不会直接在文本字段本身上设置它，而是在包含它的顶级视图上设置它。

https://docs.nativescript.org/ui/styling#user-interface-styling

我完全期望它需要设置在我尝试设置样式的元素上。我怀疑这意味着给定视图中的所有文本字段都必须具有相同的样式。

希望这会有所帮助！

【讨论】：

我觉得不对吧？因为我可以直接在操场示例中的TextField 上设置它。我认为它应该是这样工作的，但也许它与 Nativescript 或 nativescript-theme-core 的较新版本有关。
我可以直接在TextField 选择器上使用placeholder-color。