title: How can to change ui-icon's color in PrimeFaces?
body: <p>I am developing a Web Java Application with JSF 2.2 and PrimeFaces 6.0. I am building a <code>p:tree</code> and I would like to change the ui-icons color as, for example, in the next picture (the text is censoring).</p>
  
  <p><a href="https://i.stack.imgur.com/K3hYU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/K3hYU.png" alt="enter image description here"></a></p>
  
  <p>My xhtml code is:</p>
  
  <pre><code>&lt;p:tree value="#{docBean.root}" var="doc"&gt;
      &lt;p:treeNode expandedIcon="ui-icon-folder-open" collapsedIcon="ui-icon-folder-collapsed"&gt;
          &lt;h:outputText value="#{doc.name}" /&gt;
      &lt;/p:treeNode&gt;
  &lt;/p:tree&gt;
  </code></pre>
  
  <p>I tried with...</p>
  
  <pre><code>.ui-icon-folder-open{
      color: red;
  }
  </code></pre>
  
  <p>...but the just icon background changed to red.</p>
  
  <p>Thank you!</p>