如何禁用jsf commandLink外观？

Question

我有一个h：commandLink，我希望它看起来像是不可点击的（即链接有一个苍白的颜色，当你将鼠标悬停在它上面时，光标变为不允许）。

我正在尝试使用disabled属性来实现它，但它没有执行所需的效果：链接没有苍白的颜色，当我将鼠标悬停在它上面时，光标不会变为不允许。但是当我单击commandLink时它没有做任何事情，这很好，但我更喜欢它以前定义的属性。

这是我的代码：

<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"><i class="fa fa-plus-circle" aria-hidden="true"/>
                        <p:ajax/>
                      </h:commandLink>

Answer 1

显然，commandLink的disabled属性将链接转换为span标记而不是锚标记。

所以我的代码以下列方式显示在浏览器上：

<span href="/" id="show" 
 name="show" 
 class="disabled-link mar-left-8 cl-blue"> 
 <i class="fa fa-plus-circle" aria-hidden="true"></i>
</span>

而禁用链接类没有产生任何影响的原因是因为我错过了css上的代码和平：

span.disabled-link {
  cursor: not-allowed;
  opacity: 0.5; }