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

Question

我试图从NextUi中更改输入组件的背景色。我已经尝试过使用styled，但没有运气。

我能做什么?

Answer 1

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

import { Input } from "@nextui-org/react";

export default function App() {
  return <Input placeholder="Next UI" css={{ $$inputColor: "#330025" }} />;
}

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