Как стилизовать компонент Prime-React «FloatLabel»? ⇐ CSS

[Anonymous]

На странице входа на моем веб-сайте поля ввода используют компонент FloatLabel:
изображение исходного состояния.
Когда метка плавает сверху, она сливается с фоном:
изображение конечного состояния.
Я пытаюсь изменить его цвет только тогда, когда оно всплывает.
Есть ли способ это сделать?Я использую последняя версия React и Prime React; вот где я использую этот компонент:

Код: Выделить всё

 setUsername(e.target.value)}
/>
Username

Я попробовал добавить эти свойства в файл CSS:

Код: Выделить всё

.custom-float-label .p-float-label label {
transition: color 0.3s;
}

.custom-float-label .p-float-label label.p-float-label-active {
color: black;
}

но ничего не происходит

Подробнее здесь: https://stackoverflow.com/questions/792 ... floatlabel