loit-web-component-gx/static/theme/blue/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.16rem;
    color: #333;
    line-height: 0.4rem;
    padding: 0 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;

  color: rgb(102, 102, 102);

}

.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
}