Topic: Is is possible to change the style (font size, color, etc) of the data-success and data-error messages tied to input validation?
Damian Gemza staff answered 6 years ago
Dear jkhent,
Yes, that's possible. Please try my code in your global stylesheet - styles.scss:
But be aware, that those changes aren't beautiful, and you have to experiment on your hand.
Best Regards,
Damian
.inputVal.text-success { color: aqua!important; font-size: 20px; } .inputVal.text-danger { color: purple!important; font-size: 20px; } .counter-success { border-bottom: 1pxsolidaqua!important; box-shadow: 01px00aqua!important; } .counter-danger { border-bottom: 1pxsolidpurple!important; box-shadow: 01px00purple!important; }
jkhent pro commented 6 years ago
Thanks, that worked perfectly! How would you change the text styling on the label of an input? It's black when not active and aqua or similar when you're typing in the input. I would like to change it as well. Thanks!Damian Gemza staff commented 6 years ago
Dear jkhent, That's super easy to achieve. Just pick label which is contained in .md-form class, and set color property to this element. My below code will show you how to do that. Just copy it to the global styles.scss stylesheet. .md-form label { color: darkorange; } Best Regards, DamianFREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags