is it possible to style delete button on a material-ui's Chip component?

Question

No problem with styling chip label or background color, or chip itself. But seems like that delete round button inside chip is a svg icon. Is there any way I can change color of it?

Answer 1

Yes, you can do this by overriding the default theme colors for Chip:

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';    

<MuiThemeProvider muiTheme={getMuiTheme({ chip: { deleteIconColor: 'red' } })}>
// ...