css - 改变内部元素样式的 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"} />}
/>

关于css - 改变内部元素样式的 material-ui 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37836675/

相关文章:

css - 将 Ember 应用程序宽度设置为 100%

jquery - 更改库 graphdracula 中的字体大小

html - 如何禁用 CSS 上的悬停效果?

reactjs - 如何删除 Material UI Accordion 上方的线条?

javascript - TextInput 上的 RTL 适用于所有其他渲染

html - DIV Scroll 适用于一张表但不适用于另一张表

javascript - 如何在每次输入更改时获取现有缓存数据?

javascript - 具有不可变状态的循环内的对象更新

javascript - react : Material-UI - how to style the two item list so items will be next to each other?

css - 如何在 Tab 组件中更改 Icon 组件的位置?