How is it possible to overwrite the css of: .rz-chkbox-box.rz-state-active

[Lehel_Balint]

Hi,


Unfortunately i can't overwrite the color of the checkbox (nor to add any other properties). I already tried with ::deep which worked with other components
Regards,
Lehel

[yordanov]

Hi @Lehel_Balint,

Try the following to update the style globally:

:root {
    --rz-checkbox-checked-background-color: red;
    --rz-checkbox-checked-border: red;
}

In case you need to do it locally, you can use inline styles:

<AnyRadzenComponent Style="--rz-checkbox-checked-border: red;"  ... />

[Lehel_Balint]

Hi @yordanov ,
Thank you for your response, i tried your suggestions but unfortunately it doesn't work

[yordanov]

Is colors.css loaded after the [radzen-theme].css file? It should be the last defined *.css if you want it to override the theme styles.

[Lehel_Balint]

Thank you, now it works well!