jsf - primefaces tristatecheckbox 标签左侧

Question

如何将 primefaces TriStateCheckbox 的 itemLabel 放置在复选框的左侧，而不是默认的右侧位置。

<p:triStateCheckbox value="#{handler.readyFlag}" 
        itemLabel="#{labels.aktiv}"
        converter="triStateConverter">
                <p:ajax event="change" update="workflowEventTbl"
                        listener="#{handler.createDataModel}"
                        partialSubmit="true"/>
</p:triStateCheckbox>

解决方法：我可以在它前面放一个标签，但它不像 TriStateCehckbox 上的标签那样“可点击”

<h:outputText value="#{labels.aktiv}"/>
<p:triStateCheckbox value="#{handler.readyFlag}"
    converter="triStateConverter">
        <p:ajax event="change" update="workflowEventTbl"
                listener="#{handler.createDataModel}"
                partialSubmit="true"/>
</p:triStateCheckbox> 

Answer 1

您可以创建 CSS 规则以浮动到左侧的标签。例如：

html .ui-chkbox .ui-chkbox-label {
  float: left;
}

当然，您可以为您添加一个样式类p:triStateCheckbox并创建一个更具体的规则。

也可以看看：

• 如何使用自定义样式覆盖默认的 PrimeFaces CSS？