我可以在react-select（＃react-select）中更改下拉菜单颜色吗？

Question

我可以在react-select（＃react-select）中更改下拉菜单颜色吗？我实际上想要制作.Select-menu-outer是黑色的白色文字和.Select-menu是灰色和白色的文字

Answer 1

您可以通过覆盖react select的默认css或使用optionRenderer来修复此问题，您可以在其中创建自定义选项。我认为更简单的方法是用css样式覆盖现有的类。您可以通过引用这些类来完成它，例如.Select-menu-outer，.favOption，.Select-menu，.Select-option，并使用您自己的风格随意执行任何操作。只是为了帮助你，如果你想看到菜单保持打开状态，因为它一旦模糊默认就会关闭，你可以使用chrome的反应开发工具并通过选中复选框将isOpen状态设置为true。希望这会有所帮助。