我想更改悬停时 Material-UI RaisingButton 的样式,但似乎没有特定的选项可以做到这一点,因为悬停时发生的情况是由材料设计指南定义的。
然而,当鼠标悬停在按钮上时,有什么方法可以更改按钮的样式(主要是颜色和背景颜色)吗?
我看到 m-ui 的按钮使用了很多不同的图层,并且目前在按钮顶部添加了白色透明背景,以便它在所有主题颜色下都能表现良好。
(更准确地说,我想反转颜色和背景颜色之间的颜色。)
很抱歉回答晚了,但这也许会对其他人有所帮助。 Material-ui 支持这样的媒体查询(至少在 1.0 中):
const styles = {
button: {
padding: '10px',
'&:hover': {
background: 'blue'
}
},
'@media (min-width: 1024px)': {
button: {
padding: '20px'
}
}
}
这个例子和更多可以从Mark Dalgleish 关于统一样式语言的帖子 https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)