日期控件（DateField）在FireFox下不能正常显示的解决办法

在IE选择日期正常，在firefox点击选择日期不能正常显示，控件被拉很大

 

解决方法一（试验过有效）：

 

在css中添加如下样式：

.x-date-middle {  

    padding-top:2px;padding-bottom:2px;  

    width:130px; /* FF3 */   

}   

 

 

 

 

解决方法二（（试验过有效））：

 

Ext.override(Ext.menu.DateMenu,{     

  render : function (){      

    Ext.menu.DateMenu.superclass.render.call(this );      

        if (Ext.isGecko){     

            this .picker.el.dom.childNodes[0].style.width =  '178px' ;     

            this .picker.el.dom.style.width =  '178px' ;     

        }     

    }     

});   

 

 

 

解决方法三 （试验过无效）：

 

搜索ext-all.css，找到这一行：

.x-date-picker{border:1px solid #1b376c;border-top:0 none;background:#fff;position:relative;} 

替换为：

.x-date-picker{border:1px solid #1b376c;border-top:0 none;background:#fff;position:relative;width:10px;}