我正在使用 Microsoft Fabric UI 构建我的 Office WebApp: http ://dev.office.com/fabric/components/button
我想改变一个按钮的颜色,但是如果我使用一些 CSS 改变它的颜色,悬停效果就会丢失。更改 Microsoft Fabric 控件颜色的正确方法是什么?
我正在使用 Microsoft Fabric UI 构建我的 Office WebApp: http ://dev.office.com/fabric/components/button
我想改变一个按钮的颜色,但是如果我使用一些 CSS 改变它的颜色,悬停效果就会丢失。更改 Microsoft Fabric 控件颜色的正确方法是什么?
即使我已经有这个问题一个多星期了。似乎 Office Fabric 团队中的任何人(甚至只是那些更了解的人)都不想回答问题。
如果您使用 CSS 手动为按钮着色,则只需将 添加:hover
到 CSS 类中,如下所示:
.btn-color-red {
background-color: #FF0000; /* red */
}
.btn-color-red:hover {
background-color: #b50000; / * a darker red when hovered upon */
}
对于这个手动解决方案,我深表歉意。即使我不知道如何仅使用 Office Fabric 类来做到这一点,也没有有用的文档。