element-gui/packages/theme-chalk/lib/form.css

A Component Library for Vue.js.

.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,.form-col2:after,.form-col3:after,.form-col4: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 5px;height:auto;line-height:1}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:10px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.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:32px}.el-form-item--medium .el-form-item__error{top:7px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:30px}.el-form-item--small .el-form-item__error{top:6px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{font-size:12px;top:6px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#555;line-height:34px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:34px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#FF4B53;line-height:1;position:absolute;top:7px;left:10px;right:auto;background-color:#fff;padding:3px 0;pointer-events:none}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#FF4B53;margin-right:4px}.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:#FF4B53}.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__icon,.el-form-item.is-error .el-input__validateIcon{color:#FF4B53}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-input.is-focus~.el-form-item__error,.el-textarea.is-focus~.el-form-item__error{display:none}.form-col2:after,.form-col2:before,.form-col3:after,.form-col3:before,.form-col4:after,.form-col4:before{content:"";display:table;height:0}.el-checkbox-group~.el-form-item__error,.el-radio-group~.el-form-item__error{position:relative;top:auto;left:0}.form-col2 .el-form-item{float:left;width:calc(50% - 25px);margin-right:0}.form-col2 .el-form-item:nth-child(2n){margin-left:50px}.form-col3 .el-form-item{float:left;width:calc(33.3% - 25px);margin-right:0}.form-col3 .el-form-item:nth-child(3n+1),.form-col3 .el-form-item:nth-child(3n+2){margin-right:37px}.form-col4 .el-form-item{float:left;width:calc(25% - 15px);margin-right:0;margin-left:20px}.form-col4 .el-form-item:nth-child(4n+1){margin-left:0}