@fe6/water-pro/lib/date-picker/style/Multiple.less

An enterprise-class UI design language and Vue-based implementation

.@{calendar-prefix-cls}-picker-multiple {
  min-width: 172px;

  &-placeholder {
    color: @input-placeholder-color;
  }

  &-taggroup {
    margin-right: 16px !important;

    & .@{ant-prefix}-tag-group-more {
      margin-right: 16px;
    }

    & .ant-tag-has-color,
    & .ant-tag-has-color a,
    & .ant-tag-has-color a:hover,
    & .ant-tag-has-color .anticon,
    & .ant-tag-has-color .anticon:hover {
      color: rgba(0, 0, 0, 0.85);
    }

    &-disabled {
      & .ant-tag-group-inner,
      & .ant-tag-group-more {
        color: #bfbfbf;
        border-color: #d9d9d9;
        cursor: not-allowed;
      }
    }
  }

  &-popover {
    color: #000;
    & .@{ant-prefix}-tag:nth-of-type(even) {
      margin-right: 0;
    }

    & .@{ant-prefix}-tag:nth-last-child(1),
    & .@{ant-prefix}-tag:nth-last-child(2) {
      margin-bottom: 0;
    }

    & .ant-tag-has-color,
    & .ant-tag-has-color a,
    & .ant-tag-has-color a:hover,
    & .ant-tag-has-color .anticon,
    & .ant-tag-has-color .anticon:hover {
      color: rgba(0, 0, 0, 0.85);
    }
  }
}