盒子阴影由@tailwindcss/forms插件引入。表单插件的默认策略是在表单元素上全局应用样式。
您可以通过在tailwind.config.js文件中为插件指定不同的策略来更改此设置。

plugins: [
  ...
  require('@tailwindcss/forms')({
    strategy: 'class',
  }),
]

但是现在你必须在所有你想用@tailwindcss/forms插件样式化的表单元素上应用form-[inputType]类。
这里有更多关于这个：https://github.com/tailwindlabs/tailwindcss-forms#using-only-global-styles-or-only-classes

您需要传递自定义样式属性。
就像这样

const customStyles = {
    control: (base, state) => ({
      ...base,
      height: "100%",
      minHeight: "100%",
      border: 0,
      boxShadow: "none",
    }),
    dropdownIndicator: (base, state) => {
      return {
        ...base,
      };
    },
    placeholder: (base, state) => ({
      ...base,
    }),
    singleValue: (base, state) => ({
      ...base,
    }),
    option: (base, state) => ({
      ...base,
    }),
  };

return (
  <Select 
   //REST OF YOUR PROPS
   styles={customStyles}
   isSearchable={false}   //This gets rid of the default cursor
  /> 
)

尝试使用customStyles对象进一步设置样式：）

默认样式派生自主题对象，您可以像样式一样更改该主题对象。
主题对象也可用于样式函数。

<Select
        label="Single select"
        options={user}
        theme={theme => ({
          ...theme,
          borderRadius: 'none',
          colors: {
            ...theme.colors,
            primary25: 'primary',
            primary: 'neutral5',
          },
        })}
      />

const style = { control：base =〉（{ ...base，border：0，boxShadow：“}）};

老问题，但蓝色的轮廓是一个下拉阴影的输入字段本身（至少是在我的情况下），我结束了只是添加一个自定义类的选择领域一样

<ReactSelect
    title = { __( 'Title', 'lang' ) }
    className = { 'your-custom-class' }
...

然后用

.your-custom-class input {
    box-shadow: none;
}

Akshay Kumar的awnser的另一种方法对我有效（顺风）：

input[id^="react-select-"] {
  @apply focus:outline-none focus:border-transparent focus:ring-0;
}