How to change the style of primefaces checkbox(selectBooleanCheckbox) to normal JSF 2 checkbox? -


need change css style of primefaces checkbox. style class responsible changing style of checkbox?

.ui-chkbox{  display:inline !important;  }  .ui-chkbox .ui-chkbox-box  {  width:10px !important;  height:10px !important;  -moz-border-radius:2px !important;  -webkit-border-radius:2px !important;  border-radius:2px !important;  }    .ui-chkbox-icon.ui-icon-check  {  background-position:center;  }    .ui-chkbox .ui-chkbox-label{  cursor:pointer !important;  margin:1px 0 0 1px !important;  outline:medium none !important;  z-index:1 !important;  display:inline-block !important;  vertical-align:top !important;  }

as using primefaces 5.2, can check skinning css classes in current primefaces user guide , page 411, in particular, gives details p:selectbooleancheckbox

.ui-chkbox main container element.
.ui-chkbox-box container of checkbox icon.
.ui-chkbox-icon checkbox icon.
.ui-chkbox-label checkbox label.


Comments

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

javascript - Function overwritting -

c# - Exception when attempting to modify Dictionary -