更改反应选择组件的高度

我正在使用反应选择组件和 bootstrap v4

所有 bootstraps 的东西似乎都是基于 35px 高度，默认高度react-select组件是38px，看起来有点奇怪。

有什么想法可以改变组件的高度吗？

它使用了一些我以前从未遇到过的奇怪的 JS 样式库。我已经设法让它模仿焦点轮廓使用它，但高度逃脱我，任何帮助非常感谢

你可以玩它here https://codesandbox.io/s/32lz1kyynm?module=/example.js

花了几个小时，我最终得到了这个，以获得精确的 30px 高度的反应选择，边框为 1px：

  const customStyles = {
    control: (provided, state) => ({
      ...provided,
      background: '#fff',
      borderColor: '#9e9e9e',
      minHeight: '30px',
      height: '30px',
      boxShadow: state.isFocused ? null : null,
    }),

    valueContainer: (provided, state) => ({
      ...provided,
      height: '30px',
      padding: '0 6px'
    }),

    input: (provided, state) => ({
      ...provided,
      margin: '0px',
    }),
    indicatorSeparator: state => ({
      display: 'none',
    }),
    indicatorsContainer: (provided, state) => ({
      ...provided,
      height: '30px',
    }),
  };