Olá, gostaria de mudar a cor do background de uma div quando coloca o cursor nela, como faço isso?
Div em questão [HTML]:
<div class='container2'>
<div class="MP">
<img class='iconDetails' style="border: 5px solid #ba3638; width: 70; height: 70; border-radius: 50%;" :src="detalhe.picture" >
</div><br>
<h4 style="font-size: 23px;"> {{detalhe.name}}</h4>
<div style="font-size:.6em;"><span style="font-color: #acabab;"> {{detalhe.description}}</span><br><br></div>
</div>
</div>
[CSS]:
body {
font: 100% Montserrat, sans-serif;
color: #ba3638; }
.iconDetails {
float:left;
height:155px;
width:155px;
}
.container2 {
width:100%;
height:auto;
padding:1%;
}
h4 {
margin:0px;
}
span {
color: #acabab;
}
.MP:hover{
background-color:#ba3638;
}
Os arquivos que dou retrieve no js são 5 profiles diferentes, sendo assim gostaria que eles mudassem a cor individualmente.