ReportEditForm.less 2.04 KB
@import '~antd/es/style/themes/default.less';

.reportEditForm {
  :global {
    .@{ant-prefix}-form-item-label {
      width: 120px !important;
    }
    input[disabled] {
      background-color: rgb(250, 250, 250);
      cursor: default;
    }

    // 多行文本框
    .@{ant-prefix}-input[disabled] {
      color: rgba(0, 0, 0, 0.85);
      background-color: rgb(250, 250, 250);
      border-color: #d9d9d9;
      box-shadow: none;
      cursor: default;
      opacity: 1;
    }
    // 时间选择器的disabled样式
    .@{ant-prefix}-picker-disabled {
      color: rgba(0, 0, 0, 0.85);
      background-color: rgb(250, 250, 250);
      cursor: default;

      & + span {
        cursor: default;
      }
    }

    // radio的disabled样式
    .@{ant-prefix}-radio-disabled {
      cursor: default;

      & + span {
        cursor: default;
      }

      .@{ant-prefix}-radio-inner {
        cursor: default;
      }
    }
    // 下拉选已选的disabled样式
    .@{ant-prefix}-cascader-picker-disabled {
      color: rgba(0, 0, 0, 0.85);
      background-color: rgb(250, 250, 250);
      cursor: default;
    }

    // 按钮的disabled样式
    .@{ant-prefix}-btn[disabled] {
      text-shadow: none;
      background: #ffffff;
      border-color: #d9d9d9;
      box-shadow: none;
      cursor: default;

      &:hover,
      &:focus,
      &:active {
        color: rgba(0, 0, 0, 0.25);
        text-shadow: none;
        background: #ffffff;
        border-color: #d9d9d9;
        box-shadow: none;
      }
    }
    // 多选下的tag的disabled样式
    .@{ant-prefix}-select-disabled.@{ant-prefix}-select-multiple {
      .@{ant-prefix}-select-selection-item {
        color: #bfbfbf;
        border-color: #d9d9d9;
        cursor: default;
      }
    }

    .@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) {
      .@{ant-prefix}-select-selector input {
        cursor: default;
      }
    }

    // 时间选择框
    .@{ant-prefix}-picker-input > input[disabled] {
      color: rgba(0, 0, 0, 0.85);
    }
  }
}