title: How to change the color of <f:facet> header?
body: <p>Exactly, how can I do this? Tried:</p>
  
  <pre><code>&lt;f:facet id="form" name="header" class="customHeader"&gt;
     &lt;h:outputText value="HELLO!"/&gt;
  &lt;/f:facet&gt;
  </code></pre>
  
  <p>and my CSS:</p>
  
  <pre><code>.customHeader th{
      background-color:  activeborder;
      background-image: none;
  }
  </code></pre>
  
  <p>I remebered to include CSS file into JSF page:</p>
  
  <pre><code>&lt;link type="text/css" ref="stylesheet" href="./newcss.css"/&gt;
  </code></pre>
  
  <p>But no result, I cant change the header color, I simply does not see any change. Any help?</p>
  
  <p>Heres the generated HTML code:</p>
  
  <p>
  </p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head id="j_idt2"&gt;
          &lt;title&gt;Facelet Title&lt;/title&gt;
          &lt;link type="text/css" 
                ref="stylesheet" 
                href="./newcss.css" /&gt;
      &lt;/head
      &gt;&lt;body&gt;
          &lt;form id="j_idt5" 
                name="j_idt5" 
                method="post" 
                action="/HTableJSF/faces/newjsf.xhtml" 
                enctype="application/x-www-form-urlencoded"&gt;
              &lt;input type="hidden" name="j_idt5" value="j_idt5" /&gt;
              &lt;table style="background-color: black"&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th colspan="1" scope="colgroup"&gt;HELLO!&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;span class="row1"&gt;HELLO&lt;/span&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
              &lt;input type="hidden" 
                     name="javax.faces.ViewState" 
                     id="j_id1:javax.faces.ViewState:0" 
                     value="-3603525257247985306:-5087066467544098625" 
                     autocomplete="off" /&gt;
          &lt;/form&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>