dh-c/dist/form/form.css

The front-end development engineers jimberton gulp react component

@charset "UTF-8";
.dh-form {
  position: relative; }
  .dh-form-explain {
    position: absolute;
    width: 100%;
    font-size: 12px;
    color: #cccccc; }
  .dh-form-extra {
    position: absolute;
    width: 100%;
    font-size: 12px;
    color: #cccccc; }
  .dh-form-item {
    padding: 9px 0; }
    .dh-form-item-label {
      text-align: right;
      margin-right: 20px; }
    .dh-form-item-control-wrapper {
      flex: 1; }
    .dh-form-item-control {
      position: relative;
      color: #333333; }

.dh-form-vertical .dh-form-item {
  flex-direction: column;
  align-items: flex-start; }
  .dh-form-vertical .dh-form-item > .dh-form-item-label {
    width: 100%;
    text-align: right; }
  .dh-form-vertical .dh-form-item > .dh-form-item-control-wrapper {
    width: 100%; }

.dh-form-inline {
  display: flex; }
  .dh-form-inline .dh-form-item-label {
    width: auto; }

/* 提示信息 设置*/
.has-error > .dh-form-explain {
  color: #ff5a44; }

.has-error > .dh-input > .dh-input-bordered {
  transform: scale(1);
  background: #ff5a44; }

.has-error > .dh-select .dh-select-selection {
  border-bottom-color: #ff5a44; }