the required checkbox issue

At a glance

The community member is having an issue where a required checkbox in a custom-styled Webflow form is not displaying the required message. Another community member suggests a solution from a previous post, which involves moving some CSS to a different declaration to hide the default dropdown/select arrow in Webflow forms. The community members also note that this issue will be resolved in the next style guide release in a few weeks.

Useful resources

DDaniel Kostadinov

Hey, I am having this issue where I set up a required checkbox inside of a form (with custom styling, everything also set to custom in webflow), however on the live site there is no "required message" for the checkbox showing up like for the other fields. Does someone know how to fix this? Would really appreciate it 😊

Have a great day!

Attachment

Bildschirmfoto 2025-02-11 um 11.15.21.png

4 comments

DDaniel Kostadinov

okay just found this previous post below, with the help of your tool, issue resolved 🤝

https://relumecommunity.slack.com/archives/C02MS2V0FSP/p1737740395656239?thread_ts=1737568721.717969&cid=C02MS2V0FSP

MMatt Johnson

@Daniel Kostadinov yeah apologies for that Daniel. And actually, if you move that CSS to a different declaration, it'll only do what we originally intended to do which was hide the default dropdown/select arrow in forms that webflow has since it looks a bit messy.

This is the new CSS you'll want:

<!-- Keep this css code to improve the font quality-->
<style>
  * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}
select {
  -webkit-appearance: none;
}
</style>

MMatt Johnson

We will have this resolved in the style guide the next time we release the style guide which will be in a few weeks.

DDaniel Kostadinov

cool, thanks a lot, I'll add it to the general head of the project 🙂 have a great day!

Add a reply

Community forum for knowledge and support

the required checkbox issue