未访问、已访问、悬浮和活动链接,并设置它们的样式:
a:link { color:blue }a:visited { color:blue }
a:hover { color:red }
a:active { color:yellow }
用js判断是不是微信浏览器打开,若是则采用对应css样式;不是就用默认css样式即可;具体代码网上一堆,一搜既有的东西。
<html>
<head>
<!--下面是css文件链接-->
<link href="css/style.css" rel="stylesheet" id="cssLink" />
</head>
<body>
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase()
var isWeixin = ua.indexOf('micromessenger') != -1
if (!isWeixin) {
var obj=document.getElementById("cssLink")
obj.setAttribute("href","css/css.css")//不是微信使用的css文件
}else{
var obj=document.getElementById("cssLink")
obj.setAttribute("href","css/style.css")//是微信使用的css文件
}
</script>
<!--下面div用来测试-->
<div class="div"></div>
</body>
</html>
默认颜色a:link{}已被访问过 a:visited{color:red}
鼠标滑过a:hover{}
鼠标按下被用户激活a:active{}