It's easier to customize a Marketo form if it's completelydestyledto start. Afloatormargin-leftthat doesn't seem to respond to!importantcan drive a designer crazy, and time spent on CSS specificity & cascade behavior isn't well spent.
My li'l snippet for removing Marketo's built-in styles has seen a lot of use via the Community and a few code versions (now at the venerable v1.103) but it hasn't appeared on the blog before.
Here's a sample form with the Simple theme:
And here's that same form after runningdestyleMktoFormto reset it to browser defaults (check out the Times New Roman):
Let's dive into thedestyleMktoFormfunction a bit, since I always insist on a teachable moment…