<p:column selectionMode="multiple">复选框出现异常jQuery UI图标求助

我使用带有<p:column selectionMode="multiple">的<p:dataTable>组件，相关代码如下：

<p:dataTable id="someAppDto" var="someAppDto" widgetVar="someAppDtoWV"
    value="#{someBean.requestedApplList}"
    style="width:96%" rows="100" paginator="true" scrollable="true" scrollHeight="300"
    selection="#{someBean.dvoList}" rowSelectMode="checkbox"
    rowKey="#{someAppDto.m_nDVOId}"
    paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
    filteredValue="#{someBean.requestedApplListFltr}" rowsPerPageTemplate="10,50,100" resizableColumns="true" liveResize="true">
    ...
    <p:column selectionMode="multiple" style="width:10px;"/>
    ...
</p:dataTable>

这段代码已稳定运行10年无异常，但近3-4周复选框中出现异常jQuery UI图标：勾选复选框时图标消失，取消勾选后重新出现。此问题不影响功能，但引发用户困惑，需解决。

我尝试在JSFiddle复现问题但未成功，附上相关截图：

复选框异常截图：

Chrome浏览器检查元素截图：

已清理浏览器缓存，问题仍存在。

内容的提问来源于stack exchange，提问作者SK.