title: Greyout entire form css
body: <p>I have to greyout an entire form and make it disabled, if is possible using  (controlled by a Javascript)</p>
  
  <p>My idea was:</p>
  
  <pre><code>&lt;div style="background-color: gray; opacity:0.7; z-index:2;"&gt;
         &lt;h:form prependId="false" id="login_form" style="x-index:1;"&gt;
               ...button
               ...inputBox
         &lt;/h:form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it doesn't work properly, infact the grey of the DIV is only in the background and I want grey on ALL the object in the form (inputbox, button, text, etc...)</p>
  
  <p>I prefer with just one DIV so I don't have to change the style of each object (button disabled, inputbox disabled, etc...)</p>
  
  <p>Thanks</p>