title: How to "lock" radio buttons, checkboxes, and <select> menus without graying them out?
body: <p>I have a form that I want to present in two states:</p>
  
  <p>1) Normal form</p>
  
  <p>2) Person can look at the form as filled out by a user but can't change anything</p>
  
  <p>It's easy to handle text inputs with the readonly property, but radio buttons, checkboxes, and dropdown menus don't use it.  I can set the "disabled" property for those, but in most browsers they show up grayed out and barely visible.  What I really want is for them to look like a normal form but be unclickable the way a disabled element is.  Is there a way to override the normal "disabled" look?  Or is the solution to disable them in some roundabout way handling clicks?</p>
  
  <p>I'm using jQuery for most of this stuff, if that matters...</p>