Change the color of the text in list item Text

Asked Jan 23 '20 at 11:49

Active Jan 23 '20 at 12:38

Viewed 386 times

I'm trying to change the color of my text of the ListItem but I am unable to do it. The background color is changed through Style class. "DeleteClass" but I am unable to change the text color through same. image is attached and the background color is as per the class but the text color isn't .

 DeleteClass: {
        fontColor: '#ffffff',
        color: '#ffffff',
        fontSize: 20,
        backgroundColor: '#6F1E51'
    },

 <ListItem text>
           <ListItemText  className={classes.DeleteClass}  primary="Delete"  >

                   </ListItemText>
   </ListItem>

edited Jan 23 '20 at 12:38

NewVigilante

asked Jan 23 '20 at 11:49

reactNoob

Can you try to remove the quotes? Just color: #ffffff. Also are you using css modules for styling or a style object? – NewVigilante Jan 23 '20 at 11:55
style object - and without quotes it doesn't work too – reactNoob Jan 23 '20 at 11:56
Then instead of using className, I would try to use style={classes.DeleteClass} – NewVigilante Jan 23 '20 at 11:57
Error: The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX. in div (created by ForwardRef(ListItemText)) in ForwardRef(ListItemText) (created by WithStyles(ForwardRef(ListItemText))) i get this error when i use style – reactNoob Jan 23 '20 at 12:05
Can you share a little bit more code of the component? – NewVigilante Jan 23 '20 at 12:15
did you try just doing 'white' – Zunaib Imtiaz Jan 23 '20 at 12:43
– reactNoob Jan 23 '20 at 12:48
const useStyles = makeStyles(theme => ({ root: {}, content: { padding: 0 }, DeleteClass: { fontColor: '#ffffff', color: '#ffffff', fontSize: 20, backgroundColor: '#6F1E51' }, } })); – reactNoob Jan 23 '20 at 12:48
yes, white doesn't work either- – reactNoob Jan 23 '20 at 12:48

0 Answers0