My team is trying to build a new feathery form design with scalability in mind.
We have some custom code we would like to apply to each form element type and we have been struggling applying CSS to data-feathery-id, classes or unique values like that.
Those options make it difficult to scale the design to multiple new forms and elements.
Is there a solution to easily apply custom CSS/code to all instances of a form element?
i.e. all multi-select dropdowns will have the same CSS applied?
I don’t believe there’s a great way to do this, it’s been a struggle of mine too when scaling similar steps/elements across dozens of forms.
If you add a prefix to every container you want to target, you can then use css attribute selectors to target every container with that prefix.
[data-feathery-id^=“”]
But still not a perfect solution when you’re used to the flexibility that webflow and other page builders offer.
There’s not a native way to do mass css (at least per element type) yet. We can flag to Feature Requests!
IMO the best way to do this would be to allow adding custom CSS to element types in the theme, we’ll flag this on our roadmap