1

我正在使用 React 并对一些图标进行样式设置。我正在为我的组件使用Material-UI库。我使用的组件之一是FontIcon。它已经有一个类名，我无法用我传入的阿芙罗狄蒂风格覆盖。

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

如果我在这个控件上设置样式，它工作正常：

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

您如何覆盖现有的类名？我试过了：

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

谢谢！

4

1 回答 1

3

问题是该组件不允许传递自定义className属性，只能使用您在PropTypes 定义style中看到的自定义属性进行扩展。

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

您可以将您的组件包装在一个 div 中，您可以自定义className并为子项设置样式。除了做一个拉取请求，没有太多选择。

于 2017-05-04T20:20:14.487 回答