Как отключить эффекты наведения и щелчка по умолчанию в материале-ui cardActionArea ⇐ CSS

[Anonymous]

как вы можете видеть здесь https://material-ui.com/comComponents/cards
образец карты с фотографией ящерицы. когда вы наводите курсор на cardActionArea, она становится темнее (светлее) в зависимости от темы, а когда вы нажимаете на карточку, изображение становится светлее (темнее), начиная с указателя мыши.
теперь у меня есть два вопроса:1- как изменить цвет эффекта щелчка? например, я хочу, чтобы фотография становилась красной (меняла оттенок), когда пользователь нажимал на нее
2. Я реализовал свой собственный эффект наведения, при котором при наведении курсора карточка немного поднимается вверх (коды ниже). как отключить эффект наведения по умолчанию, который меняет цвет изображения?
const useStyles = makeStyles({
root: {
width: 345,
margin: 5,
'&:hover': {
transform: 'translateY(-5px) !important'
},
},
media: {
maxHeight: 350,
marginBottom:-3
},
});


Подробнее здесь: https://stackoverflow.com/questions/661 ... actionarea