Background color change with custom css class for form input


I am trying to change the background color for input. Below is the sample.

The code is as below.

I set the className for empty data. But if there is data, I need to change the background colour.
So I use json to get data and set background colour.

But background colour is not set for whole and have a white space infront. Can anyone help me?


Could you please provide us complete demo including all correspondnig js/css files?
Please also add information regarding current and expected behaviour.

Here is a small guide how to make a complete demo: … pport.html

If you’re using PRO Edition please send your demo to

Hi Andrei,

Thank you for your reply. I fixed it somehow. Now the other problem is that I don’t want to show height light border when cursor is inside the textbox.

How to remove this border colour? I tried to overwrite css. But still no luck.


you can try outline: none!important;


Thank you so much. It worked. :smiley: