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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (19)

我有一排枢轴按钮,我在网页部件中用于我的spfx表单。当用户将鼠标悬停在控件上时,我需要能够显示灰色背景。所以此刻我的控制看起来像这样:

所以蓝色条在选择时会发生变化,但我希望灰色悬停在上方,以便用户知道在哪里点击。

提前致谢。

我已经编写了这段代码来获取样式,但是我无法将样式添加到组件中:

const styler  = {
root: [
{
selectors: {
':hover': {
 background: '#2C3539'
}
}
}
]
};
提问于
用户回答回答于

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

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

还要提一下,我演示的样式将是下一个主要版本(Fabric v7)中的默认样式,所以你可以在你的代码中使用它,直到我们有正式版本(几周内)和你有能力要升级,您可以将其删除并将其备份到组件中。

PS:动画是这个新主要版本附带的另一个奖励。

扫码关注云+社区

领取腾讯云代金券