select2插件不兼容ie7,ie7下样子显示错位问题

时间:2022-11-03 15:37:01

1.源文件(未修改)

select2.min.cssselect2.min.js

2.ie7下显示样式:

select2插件不兼容ie7,ie7下样子显示错位问题

3.ie8下显示样式:

select2插件不兼容ie7,ie7下样子显示错位问题

4.经查看发现ie7下对一些属性的解析和ie8不同,需对ie7另作hack

在css样式文件中加入:

*+html .select2-search--dropdown .select2-search__field{width:91%;}
*+html .select2-container{margin-top: -3px;}

在js文件中加入:

if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0")

var w = 100;
$.each(css.width.split('px'), function(i,e) {
if(i == 0){
w = parseInt(e) - 2;
}
});
css.width = w + 'px';
}
this.$dropdown.css(css);
};

select2插件不兼容ie7,ie7下样子显示错位问题

5.修改完的文件:

select2.jsselect2.min.jsselect2.min.css