Override CSS
Application Type
Mobile, Reactive
Service Studio Version
11.11.6 (Build 44614)

I want to override the default disabled color from gray to a darker gray.

It applies to a specific button only in the app.

The following code was taken from the Inspect and needs to be overridden.


.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active {

       background-color: rgb(238, 238, 238);

       border: 2px solid rgb(238, 238, 238);

       box-shadow: none;

       color: rgb(211, 213, 214);

}


Thanks

Solution

So let me see if i understand,you want to give a specific style for a specific button when is disabled? right?

So what you need is, give a class for that exception, put the class inside the style classes of the button

And then, you do the disabled styles for that class when it is on a button

I gave this style, but it was just for demonstration.

Let me know if is this what you want

Best regards,

Márcio


buttonDisabled.oml

Hi,

Put your css into the screen css with change value.

Thanks

Solution

So let me see if i understand,you want to give a specific style for a specific button when is disabled? right?

So what you need is, give a class for that exception, put the class inside the style classes of the button

And then, you do the disabled styles for that class when it is on a button

I gave this style, but it was just for demonstration.

Let me know if is this what you want

Best regards,

Márcio


buttonDisabled.oml

Thank you @Marcio Carvalho , it worked 

Glad that I help you :')

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.