Change color of disabled text widget at run time

Webix JS
1

hello,
Ive tried to use the following css

.ErrField .webix_view.webix_control .webix_disabled_box input{
background: red;
color: white;
}

to set a disabled text widget to red but its not working. I want just the input to be red not the whole containter. Ive tried various variations of the css but with no luck. If the text widget is editable the css

.ErrField input{
background: red;
color: white;
}

works fine but does not work with a disabled text widget.

im using the css as follows:

webix.html.addCss($$(“myField”).$view, “ErrField”);
$$(“myField”).refresh();

thanks,

2

Hi!
The CSS for disabled input fields is:

.webix_view.webix_control .webix_disabled_box input{
   background: red;
   color: white;
}

Please, check the snippet: Code Snippet

3

So then you can change the color of the particular text widget using its id.
Here is an example Code Snippet
Also instead of addCss you can set css property directly in the text widget Code Snippet

4

that however changes the color for all disabled text widgets. I want to just set a particular text widget to red depending on the value using the addCss and removeCss