Ant Design 时间选择器颜色

Ant Design's Time Picker color

有没有简单快捷的方法来修改这些颜色？

提前致谢

根据Ant Design的文档，

popupStyle | The style of panel | CSSProperties

您可以使用 popupStyle 作为道具，只需使用普通的 CSS 来设置时间选择器的样式。

或

你可以使用 popupClassName、popupClassName={classes.timepicker}

timepicker: {
    "& .ant-picker-footer": {
        color: "#your color",
    },
}

您可以在开发工具中找到正确的 className。

编辑：

  1. 这是一个使用 className 的简单方法。
  className="timepicker-background"

在CSS中我们有

.timepicker-background {
  background-color: rgb(26, 25, 29);
  border-color: rgb(247, 30, 30);
}
  1. 这是另一种使用popupStyles
    2. 的方法 
  popupStyle={{ fontSize: 30 }}

Demo in Codesandbox