Adding CSS file in ADF JSF page
<p>I have created jsf page </p>

<pre><code>&lt;f:view&gt;

 &lt;af:document id="d1"&gt;
   &lt;f:facet name="metaContainer"&gt;
   &lt;af:resource type="css"&gt;
     af|inputText :: content
     {
     color:Red;
     }
&lt;/af:resource&gt;
  &lt;/f:facet&gt;


 &lt;af:form id="f1"&gt;
  &lt;af:panelHeader text="Customer" id="ph1"&gt;

    &lt;af:selectOneRadio label="Gender"
                       requiredMessageDetail="Must Provide Gender"
                       id="sor1" layout="horizontal"
                       value="#{CustomerBean.gender}" autoSubmit="true"&gt;
      &lt;af:selectItem label="Female" value="F" id="si1"/&gt;
      &lt;af:selectItem label="Male" value="M" id="si2"/&gt;
    &lt;/af:selectOneRadio&gt;
  &lt;/af:panelHeader&gt;
  &lt;af:inputText label="FirstName" id="it1" value="#{CustomerBean.first}"/&gt;
  &lt;af:inputText label="LastName" id="it2" value="#{CustomerBean.last}"/&gt;
  &lt;af:outputText id="ot1"
                 partialTriggers="sor1" value="#{CustomerBean.gender}"/&gt;
&lt;/af:form&gt;
</code></pre>

<p>
</p>

<p>I want to apply Red color to all the inputText I am using. We can perform it using CSS. But I am not able to get any output from it. I have also tried</p>

<pre><code> &lt;f:facet name="metaContainer"&gt;
  &lt;af:resource type="css"&gt;
     .text-label
     {
     color:Red;
     }
  &lt;/af:resource&gt;
  &lt;/f:facet&gt;
</code></pre>

<p>Another way I tried is :</p>

<pre><code> &lt;f:facet name="metaContainer"&gt;
     &lt;af:resource type="css"&gt;
      [id=form\:inputText]{
       color: Red;
      }
     &lt;/af:resource&gt;
</code></pre>

<p>
But it's not working. Please suggest me the proper way to use CSS code in JSF page in ADF.</p>