Topic: Is is possible to change the style (font size, color, etc) of the data-success and data-error messages tied to input validation?

jkhent pro asked 5 years ago


Damian Gemza staff answered 5 years ago


Dear jkhent, Yes, that's possible. Please try my code in your global stylesheet - styles.scss:
.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;

}
But be aware, that those changes aren't beautiful, and you have to experiment on your hand. Best Regards, Damian

jkhent pro commented 5 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 5 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, Damian


Please insert min. 20 characters.

FREE 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