/css/ - CSS Masters

finally seeing some movement with appearance: base but we're still stuck in the dark ages for checkboxes. it's annoying because the spec looks great with that checkmark pseudo-element and svg data urls, but no browser is actually doing anything with it yet. the workaround involves a bunch of extra spans to keep the markup valid since you can't just throw divs in there. it's basically the same old hacky way of nesting an svg inside a label span. i hate having to manage all that extra markup just to get a decent custom look. does anyone actually use this specific span pattern or do you still just hide the input and style a pseudo-element on a sibling?

article: https://piccalil.li/blog/a-decent-custom-checkbox-for-until-checkmark-is-ready/?ref=main-rss-feed