如何设置禁用的 antd 选择器的样式

Question

我需要为禁用的 antd 范围选择器应用自定义样式。

我已将 className 添加到组件，但样式没有改变。

                        <RangePicker
                          className="my-range"
                          allowClear={false}
                          bordered={true}
                          format="HH:mm"
                          style={{ width: "100%" }}
                        />

样式Css：（需要更改框中文本的颜色）

.ant-picker-disabled.building-ophrs-range {
  background-color: #ffffff;
  .ant-picker-input.ant-picker-input-active {
    color: #224cc0;
  }
}

代码和框：https://codesandbox.io/s/basic-antd-4-20-7-forked-g5ee2t?file=/demo.js

Answer 1

努力写

.ant-picker-disabled.my-range {
  background-color: #008000 !important;
}

Answer 2

试试这个：

.ant-picker.my-range.ant-picker-disabled {
    background-color: #008000;
}

如何设置禁用的 antd 选择器的样式

how to style disabled antd picker

css

reactjs

antd