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
Post a Comment