Home / Questions / 60496
Accepted
Critical Ghost
Asked: 2020-04-05 12:11:41 +0800 CST 2020-04-05 12:11:41 +0800 CST

如何更改复选框的颜色？

  • 772

布埃纳斯·塔德斯，

我需要更改列中处于非活动状态的复选框的颜色，theme但primefaces我不知道该怎么做。

代码：

<p:column  id="SelectFuentes"  style="width:16%;text-align:center;  " selectionMode="multiple"  exportable="true">

图片：

复选框位于最后一列，当表格中没有数据时，不通过表头颜色区分复选框，但当表格包含数据时，可以区分复选框。

在此处输入图像描述

我需要使复选框与标题区分开来，但我不能这样做，因为它不会改变，只有复选框会改变，background但检查不会改变。

太感谢了。

java

1 Answers

  1. Best Answer

    要修改主要面孔的 css 类，您可以选择使用 CSS 覆盖所述类，我的理解是您想将颜色更改为非活动状态，我希望这个示例符合您的要求：

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

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d6d6d6;
    background: #d6d6d6;
    font-weight: normal;
    color: #555;
}

    • 1