css - 更新 h:selectBooleanCheckbox 松散 css

Question

在触发 selectOneMenu 上的 ajax 事件后，我在渲染 h:selectBooleanCheckbox 时遇到问题。

当我打开页面时，选择项显示值（提示），并且选择项附近的复选框呈现正常（下图）。

然后，当我更改选择项中的值时，复选框样式会更改（下图）。

我也在使用 Primefaces 5.2 版

HTML 代码：

<p:selectOneMenu value="#{someController.purpose}" id="purpose">
  <f:selectItems value="#{someController.typeOptions.values()}" var="option" itemValue="#{option.value}" itemLabel="#{option.label}" />
  <p:ajax event="change" update="priorityGroup" />					            
</p:selectOneMenu>
    					        
<h:panelGroup id="priorityGroup" style="padding-left: 30px;">
  <h:selectBooleanCheckbox id="priority" value="#{someController.priority}"/>		
</h:panelGroup>