Vaadin Flow TextField：如何动态更改字体颜色？

Posted 2023-01-13

我想动态更改Vaadin Flow TextField组件的字体颜色。

尝试过此方法，但不起作用：

textField.getElement().setProperty("color", "red");

我怀疑这是因为<input>元素隐藏在阴影dom中。我不知道如何处理。

顺便说一句，我知道Dynamic Styling tutorial。

答案

如果您不在乎输入字段上方的标签的文本颜色也变为红色，则也可以将其组合使用（在当前的Firefox和Chromium中通过Vaadin 14.2.1进行测试）：

textField.getElement().getStyle().set("color", "red");
textField.getElement().getStyle().set("-webkit-text-fill-color", "red");