antd中输入框的背景颜色怎么修改？

Question

antd中的输入框的背景颜色如何修改

如图，这个背景颜色要怎么覆盖？

尝试过用内置style属性修改

    <Input
                    prefix={<LockOutlined className={styles["site-form-item-icon"]} />}
                    type="password"
                    placeholder="Password"
                    style={{ backgroundColor: "red" }}
                />

另外，这个输入框的这个颜色，只有初始的时候才有，只要一输入东西就没了

Answer 1

看起来像是浏览器自动填充的样式，可以考虑给 :autofill 伪类设置样式来覆盖。

---

聊聊:autofill和autocomplete自动填充 « 张鑫旭-鑫空间-鑫生活

Answer 2

参考了上面的回答，以及搜寻了网上关于自动填充的样式以及antd的输入的自动填充的样式，
最后还是没有解决问题，最多通过全局css中以下这种方式实现到页面加载之后，默认的颜色可以被阴影覆盖，但是当点击之后，antd中的样式让点击之后还是出现了浏览器的默认样式

/* input:-internal-autofill-selected {
  box-shadow: inset 0 0 0 1000px #fff !important;
} */

最后决定禁止自动填充，于是尝试了n种方式之后，目前发现这种方式是有效的，是的，在form.item或者input username那个框设置autoComplete都没用，但是一旦在密码框这里设置了
autoComplete="new-user"就没有自动填充了，然后就可以自己写样式了

<Input
                    className={styles.myinput}
                    prefix={<LockOutlined className={styles["site-form-item-icon"]} />}
                    type="password"
                    placeholder="Password"
                    autoComplete="new-password"
                />

其实我只是想要做个透明模糊背景的登录框效果而已啊啊啊啊啊QAQ······