Enabled (false) button - style

Ignition
1

Hello!

-I got a button, and it has a style for enabled form:
image

image

image

-My not enabled style comes by default as:

image

image

Using same background color but changing color to some grey #dddddd maybe

Can I change the background color when is not enabled??

1 Like
2

In this case, just remove the background color when the button is disabled.

Personally I only apply styles on enabled buttons, I want the disabled style to be standard and the same everywhere, so I use something like this in the stylesheet:

[data-component='ia.input.button'].ia_button--primary:not([disabled]) {
    styles...
}

[data-component='ia.input.button'].ia_button--secondary:not([disabled]) {
    styles...
}
3 Likes
3

That works!, thanks Pascal.
Yes, is good advice use always is possible primary buttons. Cheers.

[data-component='ia.input.button'].ia_button--primary:not([disabled]) {
      background-color: #ff7900;
      color:white;
}

/* disabled*/
[data-component='ia.input.button'].ia_button--primary[disabled] {
    background-color: #d3d3d3;  
    color: #a9a9a9;  
    cursor: not-allowed;  
}