如何将primefaces复选框（selectBooleanCheckbox）的样式更改为普通JSF2复选框？

需要更改primefaces复选框的CSS样式。哪些样式类负责更改复选框的样式

.ui chkbox{
显示：内联！重要；
}
.ui chkbox.ui chkbox框
{
宽度：10px！重要；
高度：10px！重要；
-moz边界半径：2px！重要；
-webkit边界半径：2px！重要；
边界半径：2px！重要；
}
.ui-chkbox-icon.ui-icon-check
{
背景位置：中心；
}
.ui chkbox.ui chkbox标签{
光标：指针！重要；
边距：1px 0 0 1px！重要；
大纲：中无！重要；
z指数：1！重要；
显示：内联块！重要；
垂直对齐：顶部！重要；
}

当您使用PrimeFaces 5.2时，您可以检查当前和第411页中的所有蒙皮CSS类，特别是提供有关

p:selectBooleanCheckbox

.ui chkbox主容器元素。
.ui chkbox box复选框图标的容器。
.ui chkbox图标复选框图标。
.ui chkbox标签复选框标签

---

我用这些CSS代码解决了同样的问题：

.indivcheckbox .ui-chkbox-icon {
    background-position-x: -66px;
    background-position-y: -147px;
}

.indivcheckbox .ui-icon-check {
    width: 12px;
    height: 12px;
}

而我的组件是：

<p:selectBooleanCheckbox styleClass="indivcheckbox" />

基本上，您只需将框变小，然后通过修改背景位置（x/y）来调整复选图标，使其居中

---

希望有帮助。

您使用的是哪个PrimeFaces版本？你说的是哪一部分？我看不到任何

p:selectOneCheckbox

组件我正在使用5.2版的primefaces需要更改类似

h:selectBooleanCheckbox

的

p:selectOneCheckbox

的样式，我很乐意帮助您，但PF 5.2中没有

selectOneCheckbox

组件。可能您正在使用

selectCheckboxMenu

，

selectManyCheckbox

或

selectbooleanchebox

？很抱歉

p:selectbooleanchebox

不是

selectOneCheckbox

为什么不使用普通的jsf复选框？谢谢Mathieu的快速回复，但是我已经推荐了上面的课程，我可以缩小复选框的大小，但是复选框的勾号不能正确地插入复选框。你知道如何根据修改后的复选框大小调整勾号吗？如果没有任何代码或屏幕截图，很难解决CSS问题。也许您可以在

.ui-chkbox-icon.ui-icon-check

`.ui-chkbox{display:inline！important；}.ui-chkbox.ui-chkbox-box上使用

文本缩进或
背景位置调整CSS{宽度：10px！重要；高度：10px！重要；-moz边框半径：2px！重要；-webkit边框半径：2px！重要；边框半径：2px！重要；}.ui-chkbox图标。ui图标检查{背景位置：中心；}.ui-chkbox.ui-chkbox标签{光标：指针！重要；边距：1px 0 0 1px！重要；轮廓：中无！重要；z索引：1！重要；显示：内联块！重要；垂直对齐：顶部！重要；}`我用于修改的上述CSS类请改为编辑您的初始帖子。注释不是显示代码的正确位置。此外，您应该添加一个屏幕截图来显示未列出的内容。Hai Mathieu，我添加了CSS代码以解决此问题，但我无法附加屏幕截图。