Reactjs 从选择框React Material UI中删除蓝色轮廓

我正在项目中使用React Material UI Select组件。我已经成功地获得了大多数所需的自定义样式，但是当下拉纸可见时，或者一旦选择了一个选项，您将鼠标从框中移开，但它仍然处于焦点位置时，选择框周围仍然有一个蓝色轮廓。要从选择框中删除蓝色轮廓，我需要瞄准哪个元素？我试着针对不同的部分使用大纲：没有，但我似乎找不到解决方案。我也阅读了React材料文档并搜索了Stackoverflow，但找不到答案。任何帮助都将不胜感激。以下是选择框的演示：

---

您只是在覆盖聚焦样式时遇到了一个小问题

你有：

    "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
      border: "1px solid #484850",
      borderRadius: "5px 5px 0 0"
    },

但是，将以Mui为中心添加到FormControl的子级，而不是应用该类的FormControl本身，因此&.Mui为中心永远不会匹配任何内容。相反，您需要类似于对禁用样式的替代。在符号AND之后需要一个空格，以便.Mui聚焦的目标是FormControl的后代：

    "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
      border: "1px solid #484850",
      borderRadius: "5px 5px 0 0"
    },

    "& .Mui-focused .MuiOutlinedInput-notchedOutline": {
      border: "1px solid #484850",
      borderRadius: "5px 5px 0 0"
    },