p：selectCheckboxMenu需要标签才能选择全部

Question

我试图为复选框添加标签[用于检查所有复选框] p:selectCheckboxMenu，如图所示。

以下是代码：

<p:selectCheckboxMenu value="#{dashBoardController.selectedColumns}" 
                          styleClass="ui-selectcheckboxmenu-header" 
                          label="Custom" filterMatchMode="startsWith"
                          panelStyle="width:220px">

    <f:selectItem itemLabel="Status" itemValue="status"/>                    
    <f:selectItem itemLabel="group name" itemValue="groupName"/>                    
</p:selectCheckboxMenu>

CSS：

.ui-selectcheckboxmenu-header:before
{
    content: "All";
}

任何建议??

Answer 1

经过约5分钟的CSS战斗后，我发现了一些麻烦（我认为这不是正常的做法，但我没有找到其他办法）。

您可以使用content样式属性将内容转移到css的html元素。 p:selectCheckboxMenu标题类为.ui-selectcheckboxmenu-header，因此，如果您尝试此操作：

// on your css file
.ui-selectcheckboxmenu-header:before
{
    content: "MY TEXT FOR SELECTING ALL ON MANY CHECKBOX MENU";
}

您将获得预期的结果。有关内容属性的更多信息，请访问this链接。

注意：我建议在特定css id上提供p:selectCheckboxMenu以获得假装的标题。如果您想要所有p:selectCheckboxMenu，您可以使用代码。

希望它有所帮助^^