javascript - 我可以更改 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 的 react 开发者工具，并通过选中复选框将 isOpen 状态设置为 true。希望这会有所帮助。