单选框 复选框 隐藏之后，绑定的change事件在ie中失效的问题

有时候需要对单选框和复选框进行美化，就需要在<input type="radio">和<input type="checkbox">元素的外层包裹label元素。隐藏input元素，display：none； visibile

在iput元素上添加change，click事件，在谷歌 火狐中都运行很好，但是在ie中所有事件不起作用

解决办法：

方法1： 不隐藏input元素，设置input元素的透明度。

opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);//设置在ie中透明度为100%
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);//设置在ie中透明度为100%

方法2：不隐藏input元素，设置input元素的宽度为0。
 
方法3：不隐藏input元素，设置input元素相对定位，left：999999； top:999999; （位置不在窗口的范围内）

转载于:https://www.cnblogs.com/xiaofenguo/p/5784772.html