由于系统默认radio控件不怎么好看,而且会由于不同浏览器显示不同的结果,所以一般在设计表单的时候,都会进行美化
我们都知道系统默认的空间不能直接改变背景之类的方式来美化,分几个步骤操作:
1.隐藏radio,用label做左填充,定位图片来显示美化后的效果
2.使用js来控制选中状态
3.label通过for属性定位到真实的radio上(不通过脚本)
我们隐藏radio后,label通过for属性定位到radio,在ff\chrome等都没有问题,但是IE却不能定位到绑定的radio上,可能由于机制某种机制问题,display:none,visibility:hidden,均不能通过,所以通过定位,直接把它消灭掉。
补充:checkbox也如此