Edit the CSS of an embedded Google Form
Google forms are great, but your ability to edit Google Form's CSS is limited to the options that they provide. With Google form Restyler, you can embed a Google form on your page and have complete control over the CSS, and functionality of the form.
Demo »You can not only edit the CSS of a Google form once it is embedded into the page, but you can also edit the functionality of a Google Form. For example, by default, when you submit a Google form, it redirects back to Google. If you want to keep the user on your page, and do something else, here's some Javascript that you can use to change this behaviour;
var ifrm = document.createElement("iframe"); ifrm.setAttribute("name", "swallow"); document.body.appendChild(ifrm); ifrm.style.display = 'none'; document.forms[0].target="swallow"; var button = document.querySelectorAll("div[role='button']")[0]; button.addEventListener("click", function() { alert('Here you can intercept the response'); }, true);