如何在枢轴对象上获取前景色

Question

我有一排枢纽按钮，用于Web部件中的spfx表单。当用户将鼠标悬停在控件上时，我需要能够提供灰色背景。所以目前我的控件如下所示：

因此，选择时蓝色条发生变化，但我希望将鼠标悬停在灰色处，以便用户知道要单击的位置。

先谢谢了。

我已经编写了以下代码来获取样式，但是无法将样式添加到组件中：

const styler  = {
root: [
{
selectors: {
':hover': {
 background: '#2C3539'
}
}
}
]
};

Answer 1

在此codepen中，您将看到如何将样式传递到正确的样式区域以进行Pivot控件。

link: [
    !rootIsTabs && {
      selectors: {
        ':hover': {
          backgroundColor: palette.neutralLighter,
          color: palette.neutralDark
        },
        ':active': {
          backgroundColor: palette.neutralLight
        }
      }
    }
  ],

还要提到的是，我演示的样式将在下一个主要版本（Fabric v7）中成为默认样式，因此您可以在代码中使用它，直到我们正式发行（在几周内）以及您有升级的能力，您可以将其删除并放回到组件中。

P.S .：动画是此新主要版本附带的另一个奖励。