How to custom font-size, color, style of validationMessage

[Baxing]

Hello,

Please guide me for change font-size , color or style of the invalid message (see at attahc image)

 

Thank you

[Hetali]

Hi Baxing,

In order to change the font-size, color and the style of the messages of the Kendo UI Validator, please use the following CSS:

.k-form-error, 
.k-form-field-error .k-label, 
.k-text-error {
  color: #2a75d1;
  font-size: 25px;
  font-style: normal;
}

You can also change the border color of the textbox using the following CSS:

.k-textbox.k-invalid, 
.k-textbox.k-state-invalid, 
.k-textbox.ng-invalid.ng-dirty, 
.k-textbox.ng-invalid.ng-touched {
  border-color: #2a75d1;
}

In this Dojo example, I have changed the styling of the Validator message along with the textbox border.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

[Baxing]

Thank you very much for your suggestion.