IE底下input单选框写在label中并隐藏后台传值出现错误的bug

今天修改了登录页面的样式，改用fontawsome的图标作为选中视觉效果。

做完以后上传到服务器开发人员告诉我在IE底下登录，不管登录角色选择哪一个input的值都是初始默认的那个。

百度了一下发现在IE底下如果将input设置为display:none，那么点击label以后用这种方式被隐藏input的选中状态是不会发生改变的。感觉跟文档的渲染规则和IE的标准有关。

解决方法：

弃用display:none属性，改用opacity将input单选框的透明度设置为0，视觉效果一样，不同的是点击父label区域以后input单选框在ie下的状态已经可以更改。