reactjs - 如何在fluent-ui中设置ToolTip的字体颜色

Question

无法在 fluent-ui 中设置 ToolTipHost 的字体颜色，我尝试了下面的代码，但它不起作用。

<TooltipHost content="Tooltip Content"
    calloutProps: {
      styles: {
        calloutMain: { background: 'red',color:'white' },
      },
    },
/>

Answer 1

使用tooltipProps并styles在其中：

<TooltipHost
   ...
   tooltipProps={{
     styles: {
       content: { color: '#f00' }
     }
   }}
/>

完整的工作示例Codepen。