5

Buenas tardes,

necesito cambiar el color de un checkbox en estado inactivo que se encuentra en una columna, con un theme de primefaces pero no se como hacerlo.

Codigo:

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

Imagen:

El checkbox se encuentra en la ultima columna, cuando no hay datos en la tabla no se distingue el checkbox por el color del encabezado, pero cuando la tabla contiene datos el checkbox logra distinguirse.

introducir la descripción de la imagen aquí

Necesito hacer que el checkbox se distinga del encabezado, pero no logro hacerlo ya que no se modifica, solo se modifica el background pero no se modifica el check.

Muchas Gracias.

2
  • Ya intentaste agregar la propiedad border en el style (style="border: #2929FF")
    – SoftMolina
    el 4 abr. 2017 a las 20:56
  • @SoftMolina si ya lo acabo de intentar, pero sige igual el 4 abr. 2017 a las 20:58

1 respuesta 1

1

Para modificar una clase css de prime faces puedes optar por sobre escribir dicha clase apoyandote de CSS, a lo que entiendo es que quieres cambiar un color a incactivo, espero este ejemplo cumpla con lo que busques:

  • .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;
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.