Override the default color of a disabled field

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.


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


: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...*/


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.