覆盖工具提示中的链接颜色？

Question

我有一个材料ui tooltip组件，其中有一个link组件。我需要更改链接颜色。这可能吗？

我尝试了以下方法，但是它不起作用：

主题

MuiTooltip: {
    tooltip: {
        backgroundColor: "#222",
        color: "#fff"
    }
    MuiLink: {
        root: {
            color: isLight(primaryColour) ? primaryColour : "#fff"
        },
    }
}

Answer 1

使用tooltip作为后代引用.MuiLink-root规则名称

const theme = createMuiTheme({
  overrides: {
    MuiTooltip: {
      tooltip: {
        backgroundColor: "#222",
        color: "#fff",
        "& .MuiLink-root": {
          color: isLight(primaryColour) ? primaryColour : "#fff"
        }
      }
    }
  }
});