在react-select组件中覆盖基本CSS

Question

我正在尝试覆盖react-select中的.Select-control css组件。

我想设置一个自定义高度（默认为36px），因此它会更接近我的其他输入字段

我试图按docs中的建议添加我自己的className道具，但它似乎不起作用，只是将所有内容都推下来（这是有意义的，因为它是组件的包装器）< / p>

是否可以覆盖组件本身？

Answer 1

我刚刚开始使用react-select并最终覆盖组件以使元素排成一行，但也成功传递了我自己的类。

    .Select-control {
      height: 32px
    }

我注意到一些css选择器可能非常具体，因此引用css文件有助于确保我覆盖了包含的样式。如果你正在使用ES6语法，我认为你需要在导入react-select css后导入你的css才能覆盖。

希望有所帮助