+1
I wholeheartedly agree, but also for forms within Marketo pages (I believe the form HTML is the same either way based on the 'style' you choose when creating the form). I'm currently using jQuery to remove the inline style attributes when the page loads. However, if there is even a little hiccup this blows up the forms. VERY frustrating!
My next step is to try and overwrite the styles with CSS (using !important) to see if that works instead. I've included the jQuery we're using to strip out the code, but use at your own risk as the way the forms are loaded in could prevent the jQuery from running properly (we think it's a timing issue).
<script>
// use no conflict mode for jQuery
var $ = jQuery.noConflict();
$(document).ready(function() {
// Remove Marketo form css (why can't we just disable this? So frustrating!)
$('#mktoForms2ThemeStyle').remove();
$('#mktoForms2BaseStyle').remove();
// Strip out inline styling (seriously, why do we even have to do this?!)
$('.mktoHasWidth').each(function() {
$('.mktoHasWidth').removeAttr("style");
});
$('.mktoOffset').each(function() {
$('.mktoOffset').removeAttr("style");
});
$('.mktoNative').each(function() {
$('.mktoNative').removeAttr("style");
});
$('.mktoFormCol').each(function() {
$('.mktoFormCol').removeAttr("style");
});
});
</script>
Hopefully this helps someone out. Would love to see other's thoughts on this. Together we CAN overcome poorly provided forms!
.png)