Question

我正在使用React并设计一些图标。我正在为我的组件使用Material-UI库。我正在使用的其中一个组件是FontIcon。它已经有一个className，我无法用我传入的阿芙罗狄蒂风格覆盖。

<FontIcon className="material-icons">
    bug_report
</FontIcon>

如果我在此控件上设置样式，它可以正常工作：

<FontIcon className="material-icons" style={{ color: 'red' }}>
  bug_report
</FontIcon>

如何覆盖现有的className？我试过了：

className={css(['material-icons', styles.colorize])}
className={css('material-icons', styles.colorize)}
className={('material-icons', css(styles.colorize))}

谢谢！

Answer 1

问题在于，此组件不允许传递自定义className属性，只能使用style扩展className，因为您可以在PropTypes definition中看到。< / p>

Material-ui正在使用JS形式的样式，并不真正想要处理“普通”CSS，即使我同意它有时候更容易覆盖。

您可以将组件包装在您提供自定义SELECT * FROM sometable ORDER BY name FETCH FIRST 10 ROWS ONLY的div中，并改为对子项进行样式化。公寓从提出拉动请求，没有太多选择。

如何用aphrodite覆盖material-ui className？

1 个答案: