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

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

我尝试设置 _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的样式时,为什么不起作用?正确的方法是什么?

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

这还不是很清楚,但是从文档中可以看出,placeholder-color是“ Root View CSS类”。意思是,您不会直接在文本字段本身上设置它,而是在包含它的顶级视图上设置它。

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

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

希望这会有所帮助!

本文链接:https://www.f2er.com/3168402.html

大家都在问