1
Hello, I would like to change the background color of a div when you put the cursor on it, how do I do this?
Div in question [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;
}
The files I give in js are 5 different profiles, so I would like them to change the color individually.
As @hugocsl said, it might not work because the size has not been declared!
– Nithogg