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

How to change the color of a checkbox?

  • 772

Buenas tardes,

I need to change the color of a checkbox in inactive state that is in a column, with a themeof primefacesbut I don't know how to do it.

Code:

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

Image:

The checkbox is located in the last column, when there is no data in the table, the checkbox is not distinguished by the color of the header, but when the table contains data, the checkbox can be distinguished.

enter image description here

I need to make the checkbox distinguishable from the header, but I can't do it since it doesn't change, only the checkbox changes backgroundbut the check doesn't change.

Thank you so much.

java

1 Answers

  1. Best Answer

    To modify a css class of prime faces you can choose to overwrite said class using CSS, what I understand is that you want to change a color to inactive, I hope this example meets what you are looking for:

    • .ui-chkbox Main container element.
    • .ui-chkbox-box Container of checkbox icon.
    • .ui-chkbox-icon Checkbox icon.
    • .ui-chkbox-label Checkbox 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