Css 更改内部元素样式的材质ui图标

Css 更改内部元素样式的材质ui图标,css,reactjs,material-ui,Css,Reactjs,Material Ui,我正在使用react with material ui,我希望能够更改组件中内部元素的样式。 例如:ListItem组件有primaryText、leftIcon等,我想更改primaryText或leftIcon的样式,例如使用边距 如何做到这一点?使用内联样式: <ListItem style={{color: "#f7ca18"}} primaryText="Hello" leftIcon={<ActionGrade color={"#f7ca18"}

我正在使用react with material ui,我希望能够更改组件中内部元素的样式。 例如:ListItem组件有primaryText、leftIcon等,我想更改primaryText或leftIcon的样式,例如使用边距

如何做到这一点?

使用内联样式:

<ListItem
    style={{color: "#f7ca18"}}
    primaryText="Hello"
    leftIcon={<ActionGrade color={"#f7ca18"} />}
/>