如何使用主题更改材质UI GridActionsCellItem图标按钮的颜色？
如何使用主题更改材质UI GridActionsCellItem图标按钮的颜色？
提问于 2022-10-28 14:18:09
我在数据网格(Pro)中有一个动作按钮：
<GridActionsCellItem icon={ <EditIcon/> } />如何使用主题将color="inhereted"或color="#123"放置到所有动作图标按钮中？
我想让我所有的动作图标按钮默认为相同的颜色。
回答 1
Stack Overflow用户
发布于 2022-10-30 11:48:09
如果您想在您的theme中设置更改，下面的代码应该适用于您。
MuiDataGrid: {
root: {
'& .MuiDataGrid-actionsCell': {
'& .MuiSvgIcon-root': {
color: 'red'
}
}
}
}或者您可以使用像这样的样式组件
const GridActionsCellItemStyled = styled(GridActionsCellItem)(({ theme }) => ({
"& .MuiSvgIcon-root": {
color: "red"
}
}));
<GridActionsCellItemStyled
icon={<EditIcon />}
label="Edit"
/>,页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74236701
复制相关文章
相似问题
腾讯云开发者
