title: How can I make a jsf commandLink look disabled?
body: <p>I have a h:commandLink and I want it to look like is not clickable (i.e the link has a pale color and when you hover over it the cursor becomes <em>not-allowed</em> ).</p>
  
  <p>I'm using the disabled attribute trying to achieve that but it doesn't perform the desired effect: the link doesn't have a pale color and when I hover over it the cursor doesn't become <em>not-allowed</em>. But when I click the commandLink it doesn't do anything, which is good but I'd prefer for it to have the properties previously defined.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;h:commandLink  onclick="function()" href="#{request.contextPath}/create"
                           styleClass="#{condition ? 'enabled-link' : 'disabled-link'} mar-left-8 cl-blue"
                                        disabled="#{condition ? 'false' : 'true'}"
                                       data-scroll-goto="0" id="show"&gt;&lt;i class="fa fa-plus-circle" aria-hidden="true"/&gt;
                          &lt;p:ajax/&gt;
                        &lt;/h:commandLink&gt;
  </code></pre>