multiple-select
Version:
Multiple select is a jQuery plugin to select multiple elements with checkboxes :).
10 lines (9 loc) • 1.85 kB
CSS
/**
* multiple-select - Multiple select is a jQuery plugin to select multiple elements with checkboxes :).
*
* @version v2.1.1
* @homepage http://multiple-select.wenzhixin.net.cn
* @author wenzhixin <wenzhixin2010@gmail.com> (http://wenzhixin.net.cn/)
* @license MIT
*/
.ms-parent.form-control{padding:0;border-radius:.2rem;display:inline-block;height:calc(1.5em + .75rem + 2px)}.ms-parent.form-control .ms-choice{height:100%;border:0}.ms-parent.form-control .ms-choice>span{top:50%;transform:translateY(-50%)}.ms-parent.form-control .ms-drop ul>li:not(.hide-radio) label{padding-left:calc(1.2em + 4px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-parent.form-control .ms-drop ul>li:not(.hide-radio) label input[type=checkbox],.ms-parent.form-control .ms-drop ul>li:not(.hide-radio) label input[type=radio]{position:absolute;top:50%;margin-top:-.5em;margin-left:calc(-1.2em - 4px)}.ms-parent.form-control .input-group-btn .ms-choice{border-top-left-radius:0;border-bottom-left-radius:0}.ms-parent.form-control .input-group-btn.is-left .ms-choice{border-radius:4px 0 0 4px;margin-left:0}.ms-parent.form-control .input-group-btn.is-left+.form-control{margin-left:-1px}.ms-parent.form-control.form-control-sm{height:calc(1.5em + .5rem + 2px)}.ms-parent.form-control.form-control-lg{height:calc(1.5em + 1rem + 2px)}.ms-parent.form-control.ms-dropdown .ms-drop ul>li.group.hide-radio label.optgroup{margin-bottom:0;font-size:87.5%;color:#6c757d;white-space:nowrap;opacity:1}.ms-parent.form-control.ms-dropdown .ms-drop ul>li.hide-radio.option-level-1 label{padding-left:8px}.ms-parent.form-control.ms-dropdown.ms-dropdown-divider .ms-drop ul>li.group.hide-radio label.optgroup{border-top:1px solid #e9ecef}.ms-parent.form-control.ms-dropdown.ms-dropdown-divider .ms-drop ul>li.group:first-child label.optgroup{border-top:none}