森森网络

对CSS美化复选框的补充

 

来源:森森网络 管理员     阅读:2263      2016-8-9 21:18

 

对CSS美化复选框的补充

 

笔者曾于3月25日发表了一篇关于CSS样式美化复选框的文章,标题是《用CSS来美化表单——复选按钮篇》。有兴趣的朋友可点击标题查看当时讲述的内容。

在最近开发项目中我们设计了一个活动投票页面,用户需要勾选选手进行投票,其中我们就采用了该方法对勾选的复选框进行了美化,不过最后在测试过程中,发现在360安全浏览器极速模式和IE兼容模式、360极速浏览器极速模式和IE11模式、谷歌浏览器、火狐浏览器、IE浏览器下均正常,勾选效果没有任何问题,唯独在360极速浏览器的IE兼容模式中测试,勾选无效果。



这个问题一度让我们犯难,好在后来我们对html标签添加了一段属性,完美的解决了浏览器兼容问题,代码如下:

在淘宝、天猫这样的电商平台中,查看其网页源代码,都能够见到这段代码的身影。


更多原创内容请关注订阅【森森网络】今日头条号,随时收读发布的最新信息,或者搜索微信公众号“森森网络”关注我们。

 

|   关于我们   |   联系我们   |   网站地图   |
CopyRight © 2013-2016 安庆市森森网络科技有限公司版权所有    皖ICP备15018643号-1