我有一排旋转按钮,用于web部件中的spfx表单。我需要能够给一个灰色的背景,当用户悬停在控件上。所以现在我的控件看起来是这样的:
所以选择时蓝色条会改变,但我想要一个灰色的鼠标悬停在上面,这样用户就知道该点击哪里了。
提前谢谢。
我写了这段代码来获取样式,但我不能将样式添加到组件中:
const styler = {
root: [
{
selectors: {
':hover': {
background: '#2C3539'
}
}
}
]
};
发布于 2019-05-10 03:53:04
在此codepen中,您可以看到如何将样式传递到透视控件的正确样式区域。
link: [
!rootIsTabs && {
selectors: {
':hover': {
backgroundColor: palette.neutralLighter,
color: palette.neutralDark
},
':active': {
backgroundColor: palette.neutralLight
}
}
}
],
值得一提的是,我演示的样式将是下一个主要版本(Fabric v7)中的默认样式,所以您可以在代码中保留这些样式,直到我们有一个正式版本(几周内),当您有能力升级时,您可以删除它并将其备份到组件中。
附言:动画是这个新的主要版本带来的另一个额外好处。
https://stackoverflow.com/questions/56060985
复制相似问题