Hi, how do you custom a checkbox?

Question

how do I remove this blue check?how do I get the class to get this customized in css?on this siteyou have button and then a checkbox? why is that?https://webstudio.is/tools/headless-cms-finder?noCodeSetup=yes&customizableModels=yes&imagesInRichText=yes

Oleg Isonen · Accepted Answer

We use radix checkbox, not html native one to customize like that

Vianney 🌱🍃 · Answer

And technically, you play with the position static/relative to show the differents stages ? Or is there another simplier turn around ? ^^

Oleg Isonen · Answer

check out the radix checkbox we provide, if you want to know how it positions the elements - open the dev tools and check styles for each element, that's a generally great way to learn things you see on any website

Vianney 🌱🍃 · Answer

well, yes ^^ but my question was more, how do you keep the style of the radio button once checked ^^ cause in the element, there is : | label
|--radio group item
| --radio group indicator
|--textSo, the text, i can transform it into an icone (like a smiley, in your doc page)and apply some hover stylebut, how can i keep this style once the radio group item is checked :/ For the moment, I played with position and the radio group indicator appear above the box where the user clicked, but is there a more elegant solution for you ? 🙂

Join the Webstudio community

Hi, how do you custom a checkbox?