Do yourself a favor and don’t use the form ID (#mktoForm_𝑛𝑛𝑛𝑛) in your Custom CSS — use a portable name
We did a large form export (3000+ forms) from a Marketo instance recently, in preparation for migrating to a new instance, and were alarmed to see how many forms used extremely specific selectors in their Custom CSS:
/* Add your custom CSS below */
#mktoForm_1234 input {
border: 2px solid pink;
}
Of course, it’s clear why people do this: to ensure no other form on the page is affected by the custom styles. Especially when you’re doing a rush styling job, you want to make sure to limit side effects.
The problem is when you clone the form, everything breaks.
That’s when you realize you didn’t mean “Only this specific form descriptor in the db has these styles.” At very least, you meant “Whatever forms serve this business purpose in our current design system have these styles.” (And it’s possible you actually meant “All Marketo forms have these styles.”)
So this method locks you in and should be avoided. Instead, use a custom da
