单选框 复选框 隐藏之后,绑定的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; (位置不在窗口的范围内)

posted on 2016-08-18 17:33  半夏微澜ぺ  阅读(677)  评论(0编辑  收藏  举报