material-ui - 不知道 'checked: {}' 的渲染逻辑，但它确实有效，如果删除它，颜色会变浅

Question

const GreenCheckbox = withStyles({
  root: {
    color: green[400],
    '&$checked': {
      color: green[600],
    },
  },
  checked: {},
})(props => <Checkbox color="default" {...props} />);

详细代码请看CodeSandbox。

标签： material-ui

Answer 1

我们称之为这个选择器，其中一个是checked，这意味着这个单选按钮或检查被选中，当它被选中时，我们做我们想做的事，在你的位置，我们让绿色变暗