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

1.源文件（未修改）

select2.min.css、select2.min.js

2.ie7下显示样式：

3.ie8下显示样式：

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);
};

5.修改完的文件：

select2.js、select2.min.js、select2.min.css

 

转载于:https://www.cnblogs.com/eyunhua/p/4588392.html