React select 如何在多值屏幕上删除红色背景聚焦时删除

我想在聚焦时设置

MultiValueRemove

容器的样式（其中包含x以移除所选值）。背景色变为我不想要的红色

我可以在背景既不聚焦也不选中时设置背景样式，但“悬停”红色背景不受影响。当我将鼠标悬停在红色背景上时，使用状态

isSelected

，

isFocused

设置背景样式不会影响红色背景

multiValueRemove: (provided, state) => ({
  ...provided,
  color: '#ffffff',
  backgroundColor: '#6FC5C4',
  borderRadius: 0,
}),

---

这其中有一个技巧，

isSelected

和

isFocused

在这种情况下不起作用，但您可以使用常规的

css

悬停状态，如下所示：

 multiValueRemove: (base, state) => ({
    ...base,
    color: "#fff",
    backgroundColor: "#6FC5C4",
    borderRadius: 0,
    "&:hover": {
      backgroundColor: "#6FC5C4",
      color: "#fff"
    }
  })