Custom style for checkboxes

[ngeien]

Hi,
I would really appreciate if you could add a SPAN tag around or before the rendering of the valueLabel prop in Checkbox and CheckboxGroup components to better support custom styling of checkboxes. It would allow something like this:

input[type="checkbox"]:not(:checked) ~ span:before { content: ""; } input[type="checkbox"]:checked ~ span { content: "✕"; } input[type="checkbox"][disabled] ~ span { /* custom styling */ }

More information can be found at Stackoverflow.

Thanks.

[twisty]

I see what you mean. I'll consider this.

More (although Bootstrap 4) at: twbs/bootstrap#23444

[twisty]

Closing because old and proposed example deviates from the Bootstrap 3.x examples. Future versions will support Bootstrap 4, and think the updated markup will solve this problem.