I want to change the placeholder color of Select component in Ant Design.

I've tried these below, but none of them work.

.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;
}

1 Answers

0
Hemanthvrm On

This will work

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

Working Sample https://codesandbox.io/s/139lnkwwm3