<!DOCTYPE html><html> <head> <meta charset="" /> <style type="text/css"> div{ width: 120px; font-size: 12px; font-family: "宋体"; } ul{ margin: 0px; padding: 0px; list-style-type: none; } li{ border-bottom: #ed9f9f solid 1px; } li a{ display: block; padding: 5px 5px 5px 8px; text-decoration: none; border-left: 12px solid #711515; border-right: 1px solid #711515; } li a:link{ background-color: #c11136; color: #FFFFFF; } li a:visited{ background-color: #C11136; color: #555555; } li a:hover{ background-color: #C11136; color: #0099FF; } </style> </head> <body> <div> <ul> <li><a href="#">首页</a></li> <li><a href="#">音乐MP3</a></li> <li><a href="#">我的博客</a></li> <li><a href="#">个人空间</a></li> </ul> </div> </body></html>
After clicking a hyperlink in IE11, there will be Color changes, there is no color change at all when clicking on Firefox and Google
There is no problem in firefox12 test, gray #555555 behind the click, default white
There is no problem in linux chrome 33 test
Text after clicking The color is #555555, but the four link addresses are the same. Click one of them, and the others will also change color
There is no problem in the linux chrome 33 test
After clicking, the text color is #555555, but the four The links have the same address. If you click on one of them, the others will also change color
Firefox12 test has no problem, click on the gray #555555 in the back, the default is white
There is no problem in the firefox12 test. Click on the gray #555555 in the back, and the default is white