css - Material-UI [v0.x] 悬停样式上的 RaisedButton

Question

我想在悬停时更改 Material-UI RaisedButton 的样式，但似乎没有特定的选项可以执行此操作，因为悬停时发生的情况在某种程度上是由 Material 设计指南定义的。

但是，有没有办法在将鼠标悬停在按钮上时更改按钮的样式(主要是颜色和背景颜色)？

我看到 m-ui 正在为他们的按钮使用很多不同的图层，并且目前在按钮顶部添加了一个白色透明背景，以便它可以很好地适应所有主题颜色。

(更准确地说，我想反转颜色和背景颜色之间的颜色。)

Answer 1

很抱歉回答晚了，但也许这会对其他人有所帮助。 Material-ui 支持这样的媒体查询(至少在 1.0 中):

const styles = {
  button: {
    padding: '10px',
    '&:hover': {
      background: 'blue'
    }
  },
  '@media (min-width: 1024px)': {
    button: {
      padding: '20px'
    }
  }
}

这个例子和更多可以从Mark Dalgleish's post about unified styling language中找到.