DEV Community

Discussion on: The era of no-hacks CSS

Collapse
 
jamesthomson profile image
James Thomson

This really is the key to devs embracing native elements. It's not that we don't want to use them, its that we can't mould the element into what's been designed. Until we can customize every piece of the element in the shadow DOM, their usage will remain limited.

Collapse
 
bcalou profile image
Bastien Calou

I hear what both of you say. For me accent-color is enough to make a checkbox blend smoothly with the app styles.
Having control over the internal spacing, why not. But there is a limit beyond which a checkbox is not a checkbox anymore, and changing the icon inside is crossing that limit for me. Either the desired icon looks like a checkmark and the benefit is very small, either it looks like something else and to me that seems a lot like choosing UI over UX and accessibility.
So while I hope that accent-color will motivate devs to use the native elements, I also think that, like James said, we should embrace them and give up on the idea that we should be able to customize every pixel of them (which of course turns to another problem when you need to speak to designers ! but I think a lot of them can understand that. At least it's worth a try).