extjs可输入下拉框在IE11下的问题

Question

airportFrom=Ext.create('Ext.form.ComboBox',{
renderTo:tid+'airportFrom',
width:100,
store:airportStore,
displayField:'airptChnNm',
valueField:'airptCd',
mode:'local',
enableKeyEvents:true,
triggerAction:'all',
minChars:1,//用户必须自动完成输入之前且typeAhead激活的字符最小数目
queryMode: 'local',
emptyText:'可为空',
forceSelection : true,// 用户必须点击选择不能随意输入

typeAhead : true,// 自动提示并补充列出相似的选项

listeners:{
select:function(t,r,i){
cbSelAp('AirportDpt_',airportFrom.getValue().toUpperCase(),t);
},
keyup:function(t,e){
airportStore.clearFilter(true);
if(airportFrom.getValue()!=null && airportFrom.getValue()!=''){
airportStore.filter("airptCd", airportFrom.getValue());
}else{
airportFrom.setValue('');
}
}
}
});

如图上所示，在ie11下的可输入下拉框，有XX的按钮，点击按钮，把鼠标移到别的地方，又会出现原来的值，这个梗有人遇到过么，过滤是上面的代码实现的

Answer 1

ie10+新增的功能，会自动给input对象加个清除内容的x图标，可以用css去掉，参考：https://segmentfault.com/a/1190000000636225