如何ant datepicker后缀图标更改位置？

【问题标题】：How to ant datepicker suffix icon change location?如何ant datepicker后缀图标更改位置？
【发布时间】：2022-02-01 16:22:16
【问题描述】：

我想在没有 flex-flow:row-reverse 的情况下更改日历图标位置。还有其他方法吗？

【问题讨论】：

尝试使用绝对位置
它可以工作，但日历图标不固定。当我移动页面时，它的位置改变并不稳定。

标签： css reactjs antd ant-design-pro

【解决方案1】：

const StyledRangePicker = styled(RangePicker)`
    padding-left: 34px;

 .ant-picker-suffix {
      position: absolute;
      left: 6px;
      content: url(/assets/img/date-picker-icon.png);
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center;
    }

并添加宽度，高度然后问题解决了。

【讨论】：