.zhny-readonly-box {
  &-disabled {
    .anticon-close-circle {
      display: none;
    }
    .ant-input:not([disabled]):not(textarea),
    .ant-input-affix-wrapper:focus,
    .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
      background: none !important;
      border-top: 0;
      border-right: 0;
      border-left: 0;
      border-radius: 0;
      box-shadow: none !important;
      &:hover,
      &:focus {
        border-bottom-color: #d3d3d3 !important;
        .skin-dark & {
          border-bottom-color: #4c557c !important;
        }
      }
    }

    .ant-input-affix-wrapper-focused {
      border-bottom-color: #d3d3d3 !important;
      .skin-dark & {
        border-bottom-color: #4c557c !important;
      }
    }
    .ant-input-affix-wrapper {
      &.ant-input-affix-wrapper-textarea-with-clear-btn {
        border: none;
      }
      .ant-input:not(textarea) {
        border-radius: 0;
        background: none !important;
      }
    }
    .ant-input[type='text']:not([disabled]) {
      border-radius: 0 !important;
      pointer-events: all;
    }
    input[type='file']:not([disabled]),
    input[type='time']:not([disabled]),
    input[type='date']:not([disabled]),
    input[type='radio']:not([disabled]),
    input[type='checkbox']:not([disabled]),
    .ant-switch,
    select {
      pointer-events: none;
    }
    .ant-input:not([disabled]):is(textarea) {
      border-width: 0;
      border-radius: 4px;
      .skin-dark & {
        background-color: #2a3253;
      }
      &:focus {
        box-shadow: none;
      }
    }
    .ant-select:not(.ant-select-disabled,.ant-pagination-size-changer) {
      pointer-events: none;
      .ant-select-selector {
        background: none!important;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
      }
      .ant-select-arrow {
        display: none;
      }
    }
    .ant-select.ant-select-multiple:not(.ant-select-disabled) {
      .ant-select-selection-item-remove {
        display: none;
      }
      .ant-select-selection-overflow-item:not(.ant-select-selection-overflow-item-suffix) {
        &:not(:nth-last-child(2)) {
          position: relative;
          &::after {
            content: ',';
            position: absolute;
            top: 0;
            right: 0;
          }
        }
      }
      .ant-select-selection-item {
        margin-right: 0;
        border: none;
        background: transparent;
        color: inherit;
      }
    }
    .ant-picker:not([disabled]) {
      background: none;
      border-width: 0;
      border-bottom-width: 1px;
      border-radius: 0;
      pointer-events: none;
      .ant-picker-suffix,
      .ant-picker-clear {
        display: none;
      }
      input {
        background: none;
        border-width: 0;
      }
    }

    // 单选框、多选框、评分、上传、滑块、上传列表
    .ant-input:not([disabled]):not(textarea):not(input[type='text']),
    .ant-radio-group:not([disabled]),
    .ant-radio-wrapper,
    .ant-checkbox-group:not([disabled]),
    .ant-checkbox-wrapper,
    .ant-rate,
    .ant-upload,
    .ant-slider,
    .ant-upload-list {
      pointer-events: none;
    }

    // 数字输入框
    .ant-input-number {
      background: none;
      border-width: 0;
      border-bottom-width: 1px;
      border-radius: 0 !important;
      outline: none;
      box-shadow: none !important;
      &:hover,
      &.ant-input-number-focused,
      &:focus {
        border-bottom-color: #d3d3d3 !important;
        .skin-dark & {
          border-bottom-color: #4c557c !important;
        }
      }
    }
    .ant-input-number-focused {
      box-shadow: none;
      outline: none;
    }
    .ant-input-number-group-wrapper {
      .ant-input-number {
        border-right-width: 0;
      }
      .ant-input-number-group-addon {
        border: 0;
        background: none;
      }
    }
    .ant-input-group-addon {
      border-width: 0;
      border-bottom-width: 1px;
      border-radius: 0px;
      background: none;
    }
  }
  &-disabled {
    .layout-form-item-label-wrapper-required-star {
      display: none !important;
    }
    label.ant-form-item-required::before {
      display: none !important;
    }
  }
}