I’m trying to style my checkbox when the user is interacting with the element.
The “normal” state of the checkbox looks like this:
And when the checkbox is checked it should look like this:
I tried out this tutorial: http://css-checkboxes.webflow.io/
But since the input-tag and the label-tag aren’t siblings when I’m using the checkbox-element of Webflow, the CSS isn’t working.
In my project the code looks like this:
As you can see, the input is a child of the label - and I don’t understand why.
Since I’m working on a client website, I can’t share the project link. Sorry!
I hope someone can help me anyway.