loit-web-component-gx/static/theme/Red/form.css

广西时代凌宇前端组件库

.el-form--inline .el-form-item, .el-form--inline .el-form-item__content { display: inline-block; vertical-align: top } .el-form-item::after, .el-form-item__content::after { clear: both } .el-form--label-left .el-form-item__label { text-align: left } .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; /* padding: 0 0 0.1rem */ padding: 0; } .el-form--inline .el-form-item { margin-right: 0.1rem } .el-form--inline .el-form-item__label { float: none; display: inline-block } .el-form-item__content .el-input-group, .el-form-item__label { vertical-align: middle } .el-form--inline.el-form--label-top .el-form-item__content { display: block } .el-form-item { /* margin-bottom: 0.22rem */ padding: .08rem 0; } .el-form-item::after, .el-form-item::before { display: table; content: "" } .el-form-item .el-form-item { margin-bottom: 0 } .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 0.18rem } .el-form-item .el-input__validateIcon { display: none } .el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label { line-height: 0.36rem } .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { line-height: 0.32rem } .el-form-item--small .el-form-item__error { padding-top: 0.02rem } .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label { line-height: 0.28rem } .el-form-item--mini .el-form-item__error { padding-top: 0.01rem } .el-form-item__label { text-align: right; float: left; font-size: 0.14rem; color: #606266; line-height: 0.4rem; padding: 0 0.12rem 0 0; -webkit-box-sizing: border-box; box-sizing: border-box } .el-form-item__content { line-height: 0.4rem; position: relative; font-size: 0.14rem } .formList .el-form-item__content { line-height: 0.3rem; } .readOnly .el-form-item__content { padding-left: 0.3rem; } .el-form-item__content::after, .el-form-item__content::before { display: table; content: "" } .el-form-item__error { color: #DC0E0E; font-size: 0.12rem; line-height: 1; padding-top: 0.04rem; position: absolute; top: 100%; left: 0 } .el-form-item__error--inline { position: relative; top: auto; left: auto; display: inline-block; margin-left: 0.1rem } .el-form-item.is-required .el-form-item__label:before { content: '*'; color: #f56c6c; margin-right: 0.04rem } .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus { border-color: #f56c6c } .el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner { border-color: transparent } .el-form-item.is-error .el-input__validateIcon { color: #DC0E0E } .el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus { border-color: #67c23a } .el-form-item.is-success .el-input-group__append .el-input__inner, .el-form-item.is-success .el-input-group__prepend .el-input__inner { border-color: transparent } .el-form-item.is-success .el-input__validateIcon { color: #67c23a } .el-form-item--feedback .el-input__validateIcon { display: inline-block }