While adding a datepicker inside an animated label widget I found out I am not able to change font color as I can when adding a text input widget.
I have tried to apply a CSS class forcing "color: #fff" but it was unsuccessfully.
My surprise was when editing the HTML code in the browser.
When adding "color: rgb(255, 255, 255)" in the style of the second <input> it worked
How do I apply this style from Service Studio?
Hello,
Try adding this piece of CSS to your theme:
.animated-label-input .osui-datepicker .input { color: #fff;}
Of course, this will change the color for all date pickers insinde animated labels in your app. If you only want to change it in some cases, you can add an Extended Class to your animated label and style it accordingly. For instance, if you add the Extended Class "white-text", you can then use this CSS:
.animated-label.white-text .osui-datepicker .input { color: #fff;}
Hi @Aurelio Junior ,
It worked.
Thank you!
Ferran