码迷,mamicode.com
首页 > Web开发 > 详细

关于css伪类的一些兼容性测试

时间:2014-08-05 23:14:50      阅读:506      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   ar   cti   div   html   htm   

测试环境:xp ,ie7~8  chrome。

link 伪类 :(:link,:visited)  这个是链接专用

动态伪类 :(:hover,:active,:focus)

<!DOCTYPE html>
<html>
<head></head>
<style type="text/css">
a:link,input:hover{color:blue;}
a:visited{color:green;}
a:active{color:red;}
a:hover{color:yellow;}
tr:hover,p:hover{background-color:red;}
input:focus,p:focus{background-color:yellow;}
</style>
<body>
<input type="text" />
<a href="http://www.baidu.com">百度</a>
<a href="http://www.google.com">google</a>
<div>test</div>
<table><tr><td>test</td></tr></table>
<p>zhe ye shi test</p>
<input type="checkbox">nan
</body>
</html>

对于链接(a标记)不管是link伪类还是动态伪类,在ie7-8,chrome 都有效果

对于表单元素,ie7 下不支持动态伪类,

                       ie8下文本框,单选框都支持:focus,

                       chrome下文本框支持:focus,复选框不支持focus

对于p,tr ,ie7-8,chrome 都只支持:hover。

只是简单测试,欢迎指正

更希望能有朋友提供学习资源


关于css伪类的一些兼容性测试,布布扣,bubuko.com

关于css伪类的一些兼容性测试

标签:style   http   color   ar   cti   div   html   htm   

原文地址:http://my.oschina.net/xcchcaptain/blog/298350

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!