React选择v3

const style = {
  control: base => ({
    ...base,
    border: 0,
    // This line disable the blue border
    boxShadow: 'none'
  })
};

此处为live example

React选择v2

要在Select聚焦时重置边框，有两种解决方案：
1.使用state

control: (base, state) => ({
    ...base,
    border: state.isFocused ? 0 : 0,
    // This line disable the blue border
    boxShadow: state.isFocused ? 0 : 0,
    '&:hover': {
       border: state.isFocused ? 0 : 0
    }
})

1.使用!important（这一个工作，但我建议使用第一个解决方案，!important从来不是一个好东西雇用）

control: base => ({
   ...base,
   border: '0 !important',
   // This line disable the blue border
   boxShadow: '0 !important',
   '&:hover': {
       border: '0 !important'
    }
})

不要忘记重置您得到的boxShadow（蓝色边框）。
这里是live example。

这对我很有效：

control: (base, state) => ({
    ...base,
    border: '1px solid black',
    boxShadow: 'none',
    '&:hover': {
        border: '1px solid black',
    }
})

这将确保边框在不活动、悬停或活动时保持不变，但没有蓝框阴影。

这一个肯定是工作：

const style = {
    control: (base) => ({
      ...base,
      boxShadow: "none"
    })
}

我试过很多次了！最后这一次对我起作用了。

control: (provided) => ({
...provided,
border: 0,
outline: '1px solid white',

}），

这会移除方块阴影的厚度，并移除边界的蓝色。

const controlStyle = base => ({
    ...base, 
    boxShadow: "none", 
    borderColor: "#cccccc",
    "&:hover": {
        borderColor: "#cccccc"
    }
})