Consolidate regular/debug CSS by styling only the form fields, not the inputs

[GoogleCodeExporter]

The current debug/non-debug CSS in 0.6 is more complicated than it should
be because we have to apply CSS individually to a bunch of elements.
Instead, we should style only the <form> wrapper, that way we can toggle
back and forth easily.

Original issue reported on code.google.com by bdpathfi...@gmail.com on 5 Nov 2007 at 6:28

[GoogleCodeExporter]

Original comment by bdpathfi...@gmail.com on 5 Nov 2007 at 8:45

• Added labels: Priority-High
• Removed labels: Priority-Medium

[GoogleCodeExporter]

I've done some refactoring to the debug methods, but we still need to apply CSS
individually to a bunch of elements. Thought about moving this out into the test
page, but users may want to do this in their own apps so I'm leaving it. We 
can't
just style the form wrapper, because making it invisible doesn't make its 
children
invisible in IE. My final solution is to use a single set of styles for 
invisibility
in non-debug mode, then use element-specific styles in debug mode so that each
non-hidden dom element (images, iframes, textareas and inputs, depending on your
browser) is readable in debug mode.

Original comment by bdpathfi...@gmail.com on 7 Nov 2007 at 12:36

• Changed state: Fixed