Background color change with custom css class for form input

[eiwai]

Hi,

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

The code is as below.

{ type: “label”, label: “CLK1”, className: “ChildHeader”, labelWidth: 30 },
{ type: “input”, name: “lblClk1”, offsetLeft: “0”, className: “ClkEmpty” },
{ type: “input”, name: “lblLoc1”, offsetLeft: “0”, className: “ClkEmpty” },

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.

var lblClk1 = myForm.getInput(“lblClk1”);
lblClk1.value = jsonObj.clk1;
lblClk1.className = jsonObj.clk1Bg;

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

[Andrei]

Hi

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:
docs.dhtmlx.com/tutorials__auxil … pport.html

If you’re using PRO Edition please send your demo to support@dhtmlx.com

[eiwai]

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.

.dhxform_obj_dhx_skyblue .dhxform_textarea:focus {
border: none !important;

        }

       .dhxform_obj_dhx_skyblue input.dhxform_textarea:focus {
           
            border: none !important;
           
        }

[Andrei]

Hello

you can try outline: none!important;

[eiwai]

Hi,

Thank you so much. It worked.