Override the default color of a disabled field

[zehguilherme]

I want to replace the default color of a disabled field, but I'm not able to.

The field receives the created color (CSS class) via a C# variable.

In fields that are not disabled, the color is assigned correctly.

I'm using Radzen together with Bootstrap in the project.

Razor

<RadzenTextArea Name="InputSituation"
                @bind-Value="model.ANOTHER_VARIABLE"
                Disabled="true"    
      class="@($"{model.VARIABLE} w-100 text-white")" />

CSS

:root {
    --red-300: #e57373;
    --red-400: #ef5350;
    --red-600: #e53935;
    --red-700: #d32f2f;
    --red-800: #c62828;

     /*Other colors...*/
}

.bg-danger-300 {
    background-color: var(--red-300);
}

.bg-danger-400 {
    background-color: var(--red-400);
}

.bg-danger-600 {
    background-color: var(--red-600);
}

.bg-danger-700 {
    background-color: var(--red-700);
}

.bg-danger-800 {
    background-color: var(--red-800);
}

      /*Other colors...*/

_Host.cshtml

[korchev]

Hi @zehguilherme,

You can always use your browser's developer tools to inspect a disabled RadzenTextArea and see how it is styled. You can also check the source code.