.ui-checkbox, .ui-radio { margin: .5em 0; position: relative; } .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; white-space: normal; /* Nowrap + ellipsis doesn't work on label. Issue #1419. */ z-index: 2; } .ui-controlgroup .ui-checkbox .ui-btn.ui-focus, .ui-controlgroup .ui-radio .ui-btn.ui-focus { z-index: 3; } .ui-checkbox .ui-btn-icon-top, .ui-radio .ui-btn-icon-top, .ui-checkbox .ui-btn-icon-bottom, .ui-radio .ui-btn-icon-bottom { text-align: center; } .ui-controlgroup-horizontal .ui-checkbox .ui-btn:after, .ui-controlgroup-horizontal .ui-radio .ui-btn:after { content: none; display: none; } /* Native input positioning */ .ui-checkbox input, .ui-radio input { position: absolute; left: .466em; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 0; outline: 0 !important; z-index: 1; } .ui-controlgroup-horizontal .ui-checkbox input, .ui-controlgroup-horizontal .ui-radio input { left: 50%; margin-left: -9px; } .ui-checkbox input:disabled, .ui-radio input:disabled { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }