/**表单布局样式**/ .form-layout { } .form-layout:after { content: " "; display: table; clear: both; } .form-layout .btn { margin-right: 5px; } .form-layout label { margin-right: 5px; margin-bottom: 0; line-height: 28px; } .form-layout .form-label, .form-layout .formlabel { display: inline-block; width: 110px; min-width: 0; line-height: 28px; padding: 0; margin: 0 8px 0 0; text-align: right; vertical-align: top; } .form-layout .form-input[readonly], .form-layout .text-box[readonly] { background: #f5f5f5; } .form-layout textarea.text-box { height: auto; } .form-layout .form-label-check { margin: 0; padding-top: 5px; } .form-layout .form-label-check > .checkbox { vertical-align: middle; height: 16px; width: 16px; margin-top: -3px; } .form-layout .input-group { width: 300px; } .form-layout { min-width: 500px; } .form-layout > div, .form-layout .form-group { margin-bottom: 15px; font-size: 0; } .form-layout .col, .form-layout [class*=col-] { font-size: 0; } .form-layout > div > *, .form-layout .form-group > *, .form-layout .col > *, .form-layout [class*=col-] > * { font-size: 14px; vertical-align: middle; } .form-buttons { margin-top: 20px; padding-left: 30%; } /***第三方控件覆写(chosen)***/ .form-layout .chosen-container { width: 300px; } .form-group .chosen-container > .chosen-single, .form-layout .chosen-container > .chosen-single { height: 30px; text-align: center; background-clip: padding-box; border: 1px solid #bbbbbb; border-radius: 0.25rem; transition-property: border-color, box-shadow; transition-duration: 0.15s, 0.15s; transition-timing-function: ease-in-out, ease-in-out; transition-delay: 0s, 0s; } .form-group .chosen-container > .chosen-choices, .form-layout .chosen-container > .chosen-choices { min-height: 32px; line-height: 30px; font-size: 14px; } .form-layout .chosen-choices { width: 100%; min-height: 28px; } .form-layout .chosen-choices > li { width: 90px; } .form-layout .chosen-choices > li > span:first-child, .searchdiv .chosen-choices .search-choice > span:first-child { width: 90px; display: inline-block; max-width: 100%; white-space: nowrap !important; overflow: hidden; text-overflow: clip; vertical-align: bottom; } /**table-form**/ .table-form { } .table-form > tbody > tr > td, .table-form > tbody > tr > th { padding: 6px 10px; border: 0; } .table-form > tbody > tr > th { color: #495057; vertical-align: middle; font-weight: bold; text-align: right; }