51Testing软件测试论坛

标题: 关于css伪类的一些兼容性测试 [打印本页]
作者: 测试积点老人    时间: 2018-12-28 15:00
标题: 关于css伪类的一些兼容性测试

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

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

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head></head>
  4. <style type="text/css">
  5. a:link,input:hover{color:blue;}
  6. a:visited{color:green;}
  7. a:active{color:red;}
  8. a:hover{color:yellow;}
  9. tr:hover,p:hover{background-color:red;}
  10. input:focus,p:focus{background-color:yellow;}
  11. </style>
  12. <body>
  13. <input type="text" />
  14. <a href="http://www.baidu.com">百度</a>
  15. <a href="http://www.google.com">google</a>
  16. <div>test</div>
  17. <table><tr><td>test</td></tr></table>
  18. <p>zhe ye shi test</p>
  19. <input type="checkbox">nan
  20. </body>
  21. </html>
复制代码

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

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

                       ie8下文本框，单选框都支持：focus，

                       chrome下文本框支持：focus，复选框不支持focus

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



作者: Miss_love    时间: 2020-12-28 09:15
学习了



欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2