React Material UI-NativeSelect下拉菜单样式自定义

Question

我们在现有项目中使用了NativeSelect组件。 现在，我们需要更改NativeSelect框下拉菜单的样式。 如果使用Select，则可以使用MenuProps轻松解决此问题。 但是在NativeSelect中，我们只能使用<option>，不能使用MenuProps和MenuItem。 如何更改NativeSelect下拉菜单的样式以遵循我们的设计？

Answer 1

您可以在此处使用样式化组件来解决它。 https://styled-components.com/

Answer 2

使用样式化组件。

npm install-保存样式化组件

https://styled-components.com/

您还可以在MenuProps中更改

Answer 3

通常，我们可以使用样式化的组件。 我们可以使用样式化的组件修复此样式，因此，如果我们使用样式化的组件覆盖组件，则不会出现此问题。

从“样式化的组件”导入样式；