日期:2014-05-17  浏览次数:20645 次

点击链接后恢复链接文字的颜色
访问页面,链接初始颜色为“黑色”,当鼠标悬停在链接上时,颜色改变,当点击链接后颜色又恢复成黑色???

css样式:
a:link {color: #666666;text-decoration: none;}
a:visited {text-decoration: none;color: #666666;}
a:hover {text-decoration: underline;color: #000000;}
a:active {text-decoration: none;color: #666666;}

页面中的链接:
<li><a href="/page/chexian/index.shtml" >车险首页</a></li>
<li><a href="/Insurance.action?selectedModuleId=newInsurance" id="1944" target="_blank">网上投保</a></li>
<li><a href="/service/1966.shtml" id="lipeicenter">理赔中心</a></li>
<li><a href="/PolicySearch.action?selectedModuleId=policySearch" id="1945">客户服务</a></li>
<li><a href="/NetCar/carNet_listUndoneOrders.action?selectedModuleId=orderManage" id="1946">我的车险</a></li>

------解决方案--------------------
a:link {color: #666666;text-decoration: none;}
a:hover {text-decoration: underline;color: #000000;}
定义这两个伪类即可达到目的。



以下两个可以忽略
a:visited {text-decoration: none;color: #666666;}
a:active {text-decoration: none;color: #666666;}