Цветовой заполнитель Nativescript в TextField не работает

Question

Как мне установить placeholder-color на TextField в Nativescript (6.1.2) с Angular и nativescript-theme-core (2.0.24)?

Я пробовал установить _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? И как правильно это сделать?

Answer 1

Это не очень понятно, но, глядя на документацию, выясняется, что placeholder-color - это «класс CSS Root View». Это значит, что вы устанавливаете его не непосредственно на само текстовое поле, а на представление верхнего уровня, которое его содержит.

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

Я бы полностью ожидал, что он должен быть установлен на элемент, который я пытался стилизовать. Я подозреваю, что это означает, что все текстовые поля в данном представлении должны иметь одинаковый стиль.

Надеюсь, это поможет!