javascript - 当鼠标在图像上移动时，如何使文本颜色发生变化

Question

我需要改变文字颜色，当鼠标在图像上移动时，

这里我做了一些工作。我无法更改文本颜色。谁能帮帮我。

html:

<div class="hover">
<a href=""><img src="th.jpg" /><span>Add</span></a>
</div>

CSS:

.hover
{
width:65px;
height:56px;
display:inline;
text-align:center;
}
.hover a
{
color:#000;
display:block;
margin:0 5px 0 0;
float:left;
text-align:center;
height:56px;
text-decoration:none;
width:65px;
}
.hover span {
display:block;
text-align:center;
}
.hover img {
margin:0 auto;
padding:3px 0;
}
.hover img:hover{
border:solid 1px #ccc;
}

Answer 1

你应该改变:

.hover img:hover{
border:solid 1px #ccc;
}

到

.hover a:hover img{
border:solid 1px #ccc;
}

早期的 IE 不支持悬停在“a”以外的元素上

改变文字颜色:

.hover a:hover{
color:red;
}