primefaces primefaces复选框标签左侧

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中，并创建更具体的规则。

另请参阅：

• How do I override default PrimeFaces CSS with custom styles?