MUI TreeItem：更改所选节点的背景颜色

问：

背景：作为一个副项目，我正在尝试创建一个像侧边栏这样的代码沙箱，将鼠标悬停在每个节点上时，将出现节点创建/编辑/删除选项，这将允许您在树查看器的节点上执行这些操作。我宁愿禁用专注 |已入选 |将鼠标悬停在背景样式上以实现该外观。 使用“withStyles”，我设法禁用了大部分焦点 |已入选 |悬停样式，但存在一种情况，即如果选择了节点，其背景颜色仍不会更改。

以下是我用过的样式，

export const StyledTreeItem = withStyles({
  root: {
    "&.Mui-selected > .MuiTreeItem-content": {
      background: "white"
    },
    "&.MuiTreeItem-root > .MuiTreeItem-content:hover": {
      background: "white"
    },
    "&.MuiTreeItem-root > .MuiTreeItem-content:hover > .MuiTreeItem-label": {
      background: "white"
    },
    ".MuiTreeItem-root:hover": {
      background: "white"
    },
    ".MuiTreeItem-root > .MuiTreeItem-content:hover": {
      background: "white"
    },
    ".MuiTreeItem-root > .MuiTreeItem-content:hover > .MuiTreeItem-label": {
      background: "white"
    },
    ".MuiTreeItem-root > .MuiTreeItem-content.Mui-selected": {
      background: "white"
    },
    ".MuiTreeItem-root > .MuiTreeItem-content.Mui-selected:hover": {
      background: "white"
    },
    ".MuiTreeItem-root > .MuiTreeItem-content.Mui-selected > .MuiTreeItem-label": {
      background: "white"
    },
    ".MuiTreeItem-root > .MuiTreeItem-content.Mui-selected.Mui-focused": {
      background: "white"
    }
  }
})(CustomTreeItem);

这是相同的沙盒。