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

1.源文件(未修改)

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.修改完的文件：