我们可以通过修改 antd 全局主题变量中的 @input-color-icon-hover 属性来实现：

1. 在入口文件中引入 antd 的样式文件和 less 变量文件，并修改 @input-color-icon-hover 变量：

import React from "react"; import ReactDOM from "react-dom"; import "antd/dist/antd.css"; import "./styles/antd.less";

ReactDOM.render(, document.getElementById("root"));

// styles/antd.less @import "~antd/lib/style/themes/default.less"; @input-color-icon-hover: #ff0000;

2. 在组件中设置 allowClear 属性为 true：

import React from "react"; import { Input } from "antd";

export default function MyInput() { return ; }

3. 最终效果：输入框的清空图标颜色为红色。

注意：修改全局主题变量的方法会影响到所有使用了相应变量的组件。如果只需要修改单个组件的样式，可以使用 CSS 或 inline style 的方式来实现。