如何使 jsf 命令链接看起来已禁用?

Question

我有一个h：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

显然，命令链接的禁用属性将链接转换为范围标记而不是锚标记。

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

<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; }