如何在NextUI中更改输入的背景色

Question

我正在尝试从NextUi更改Input组件的背景色。我已经尝试过使用styled，但没有成功。

我能做什么？

Answer 1

您可以使用css属性并修改$$inputColor变量来更改输入的背景色，如下所示：

import { Input } from "@nextui-org/react";
export default function App() {
return <Input placeholder="Next UI" css={{ $$inputColor: "#330025" }} />;
}

这是一个Codesandbox->https://codesandbox.io/s/nextui-input-custom-background-5d83on?file=/App.js:0-154