首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在透视对象上获得前景颜色

如何在透视对象上获得前景颜色
EN

Stack Overflow用户
提问于 2019-05-09 21:51:53
回答 1查看 598关注 0票数 0

我有一排旋转按钮,用于web部件中的spfx表单。我需要能够给一个灰色的背景,当用户悬停在控件上。所以现在我的控件看起来是这样的:

所以选择时蓝色条会改变,但我想要一个灰色的鼠标悬停在上面,这样用户就知道该点击哪里了。

提前谢谢。

我写了这段代码来获取样式,但我不能将样式添加到组件中:

代码语言:javascript
复制
const styler  = {
root: [
{
selectors: {
':hover': {
 background: '#2C3539'
}
}
}
]
};

EN

回答 1

Stack Overflow用户

发布于 2019-05-10 03:53:04

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

代码语言:javascript
复制
link: [
    !rootIsTabs && {
      selectors: {
        ':hover': {
          backgroundColor: palette.neutralLighter,
          color: palette.neutralDark
        },
        ':active': {
          backgroundColor: palette.neutralLight
        }
      }
    }
  ],

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

附言:动画是这个新的主要版本带来的另一个额外好处。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56060985

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档