Как изменить цвет заполнителя в компоненте «Выбор» в Ant Design?

Question

Я хочу изменить цвет заполнителя компонента «Выбрать» в Ant Design.

Я попробовал это ниже, но ни один из них не работает.

.ant-select-selection {
  :placeholder-shown {
    color: red !important;
  }
  &:placeholder-shown {
    color: red !important;
  }
  :::placeholder {
    color: red !important;
  }
  color: black !important;
  &::-webkit-input-placeholder {
    color: blue !important;
  }
  &:placeholder {
    color: blue !important;
  }
  :placeholder {
    color: blue !important;
  }
  ::-webkit-input-placeholder {
    color: blue !important;
  }
}

::-webkit-input-placeholder {
  color: blue !important;
}

Answer 1

Это будет работать

.ant-select-selection__placeholder{
  color : blue;
}

Рабочий образец https://codesandbox.io/s/139lnkwwm3

Answer 2

Я сам хотел сделать его черным, а не серым, поэтому я использовал простой хак, который установлен по умолчанию defaultValue вместо заполнителя, который по умолчанию имеет черный цвет, а также упрощает манипулирование его CSS.