In your answer, clicking on one of the controls triggers the label event, and then you change the value of the checkbox and edit the label manually. But I want the events/elements to be separate. Like the approach in 'Does work, but ugly'. Basically, I want the functionality from there, but using the look of the custom-control from bootstrap. But I think these classes are preventing me from achieving this. I think I need to copy the style. – zesaro CommentedFeb 20, 2024 at 14:38 Making labels for a form editable is a totally non-standard approach - the solution option to allow labels to be editable I present is ONE way to do that non-standard approach. Similar a "shadow" input might be another - I think you need to consider how to clearly separate a view label from an editable entity - SO you either want the label editable or you DON"T; and live with that choice you as a functional designer have made. FYIW Clicking a Label for a Checkbox to trigger the check/uncheck as I have here is the standard way labels work for those