45 lines
2.5 KiB
CSS
45 lines
2.5 KiB
CSS
/**表单布局样式**/
|
|
|
|
.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; }
|