How to change checkbox background color when unchecked in ConfiForms using CSS

[Kevin Kott]

This may be a simple question, but I am trying to change the background of a checkbox field within ConfiForms using CSS. This checkbox field is just being used as a progress identifier. Pointer events have been set to none as the user should not be able to click and affect the state of the field.

I have set the accent-color to lightgrey, and this changes the checked color, but the initial color is still white. Alternatives I have found are setting the appearance to none and then you can edit the background color and border attributes, but this removes the functionality I am looking for, which is when the form reached a certain state, the checkbox field is set to true.

Main issue: looking for a way to set the unchecked background to lightgrey, and then checked background to lightgrey

[Alex Medved _ConfiForms_]

I dont think you can change that - be the checkbox rendered through ConfiForms or using something else

See, for example, this discussion https://stackoverflow.com/questions/66383850/checkbox-css-cannot-change-background-color-for-the-checkbox