问题描述

html超链接的背景颜色

有本身的背景颜色和悬停显示的背景颜色，我现在利用

document.getElementById("xx").style.backgroundColor="darkgray";

把两个颜色好像都改变了。有什么办法只改原来的背景色，对悬停的颜色不做修改呢？

解决方案

 a:hover
{
background-color:某个颜色;
}

解决方案二：

dom style设置的样式高于css。如果不考虑IE6，可以用important提升hover伪类样式的级别

 <style>
a{background:blue;color:#fff}
a:hover{background:Red !important}
</style>
<a href="#" style="background:darkgray">xxx</a><br/>
<a href="#">xxx</a>

解决方案三：

那就对鼠标悬停操作进行重写一下