react antd placeholder

refer: https://juejin.cn/s/antd%20change%20input%20placeholder%20color

在react 中使用ant design 的inpu inpunumber select ，如果想要修改 placeholder的颜色，不能直接定义Css,例如下面这样，这样是不生效的：

.my-input::placeholder {
color: red;
}
<Input placeholder="Enter your name" className="my-input" />

可以使用这样的Css:

（1）input-number:

import React from 'react';
import { InputNumber } from 'antd';
const YourComponent = () => {
return (
<InputNumber className="ant-input-number-input" placeholder="Enter a number" />
);
};
export default YourComponent;

在css文件增加：

<span style="color:#ffa07a">.ant-input-number-input</span>::placeholder {
<span style="color:#ffd700">color</span>: red; <span style="color:#d4d0ab">/* 修改为你想要的颜色 */</span>
}

（2）其他的同理：

.ant-select-selection__placeholder {
  color: rgba(0, 0, 0, 0.68);
}
.ant-picker-input>input::placeholder {
  color: rgba(0, 0, 0, 0.68);
}
.ant-input {
  &::placeholder {
    color: rgba(0, 0, 0, 0.68)!important;
  }
}
.ant-input-number-input::placeholder {
  color: rgba(0, 0, 0, 0.68);
}