Smile: CSS Injection in Google Docs Forms
CSS Injection in Google Docs Forms
Flemming Steffensen found an undocumented trick that lets you customize a Google Docs form by injecting CSS.
Let's assume that the URL of your form is:
https://spreadsheets.googl e.com/embeddedform?key=0At o1MNFt5ld1cExhRTl0c1ZMcF8z cWZJRTNPSGhLQkE
You can add some new CSS rules as a value of the f parameter:
https://spreadsheets.googl e.com/embeddedform?key=0At o1MNFt5ld1cExhRTl0c1ZMcF8z cWZJRTNPSGhLQkE&f=;}body{font-size:14pt!impo rtant}.ss-q-title{color:gr een}
Here's the result.
The most important things to remember:
1. the value has to start with ;}
2. you need to use !important for some of the rules to override existing values
3. check the source code of the form to find the classes used by Google
4. this a trick that may no longer work in the future.
For more parameters that let you customize Google Docs forms, check this test page.


Let's assume that the URL of your form is:
https://spreadsheets.googl
You can add some new CSS rules as a value of the f parameter:
https://spreadsheets.googl
Here's the result.
The most important things to remember:
1. the value has to start with ;}
2. you need to use !important for some of the rules to override existing values
3. check the source code of the form to find the classes used by Google
4. this a trick that may no longer work in the future.
For more parameters that let you customize Google Docs forms, check this test page.

