如何在 Ant design 中更改 RangePicker 中的文本颜色？

Question

我目前在 antd 包中使用 Range Picker，它有一个 style 属性可以帮助我修改样式，但是我不能改变文本颜色，有没有办法呢？

import moment from 'moment'

const { RangePicker } = DatePicker;

  <RangePicker
          style={{
               color: "orange",}}
               className='range-picker'
               format={'DD-MM-YYYY'}
              }}
          />

Answer 1

如果 style 属性无法更改 Ant Design Range Picker 组件的文本颜色，您可以尝试使用 className 属性来将 CSS 类应用于组件并使用 CSS 设置样式。

这是一个示例代码片段：

const { RangePicker } = DatePicker;

<RangePicker
  className="range-picker"
  format="DD-MM-YYYY"
/>

// In your CSS file
.range-picker .ant-picker-input {
  color: orange;
}