Required checkboxes aren't possible with class="required"

[moqmar]

I'm using the following code:

<div class="custom-checkbox">
  <input type="checkbox" id="privacy-accepted" value="yes" required="required">
  <label for="privacy-accepted" class="required">Ich akzeptiere die Datenschutzerklärung</label>
</div>

The red asterisk is missing, but the check mark inside the checkbox is shifted to the right. I have also tried moving the class="required" to the custom-checkbox element, but it doesn't work either.

Am I doing something wrong here or is this just not implemented? I couldn't find an example of this in the docs either.

[circlensq-hq]

I re-implement your code, and it's true, this required label thing is very hard to achieve.