Bom dia pessoal, estou com a seguinte situação, tenho um check-box (selectBooleanCheckbox do primefaces) que é apenas para visualização, o usuário não pode alterar seu conteúdo, mas o primefaces só oferece a opção disabled="true" que contempla a situação, mas ai ele renderiza com uma opacidade de 0.30 ou seja a visualização fica muito fraca, estou tentando alterar a propriedade via estilo CSS, dentro de meu XHTML criei um estilo com o nome checkbox-disabled, alterando a opacidade para 0.99 e a coloquei na propriedade styleClass do selectBooleanCheckbox, mas a propriedade é setada em uma div, mas o check box mesmo está em uma div mais interna, onde não estou conseguindo acessar, os trechos dos códigos estão abaixo, a classe de estilo, onde seto ela, e como é renderizado, gotaria de saber como faço para setar a opacidade? também notei que se remover manualmente o ui-state-disabled também dá certo.
<style type="text/css">
.checkbox-disabled {
opacity: .99;
}
</style>
<p:column headerText="#{msg.ativo}"
style="width: 30px;text-align: center;">
<p:selectBooleanCheckbox value="#{fornecedor.ativo}"
styleClass="checkbox-disabled" disabled="true" />
</p:column>
<div id="j_idt102:frmFornecedor:j_idt113:0:j_idt129"
class="ui-chkbox ui-widget checkbox-disabled">
<div class="ui-helper-hidden">
<input id="j_idt102:frmFornecedor:j_idt113:0:j_idt129_input"
name="j_idt102:frmFornecedor:j_idt113:0:j_idt129_input"
type="checkbox" checked="checked" disabled="disabled">
</div>
<div
class="ui-chkbox-box ui-widget ui-corner-all ui-state-default ui-state-active ui-state-disabled">
<span class="ui-chkbox-icon ui-icon ui-icon-check"></span>
</div>
</div>
