关于日期控件(DateField)在FireFox3下过长的解决办法

 

FireFox 3.x 出来了一段时间了，很多用户依然使用的是EXTJS 2.02的版本。（很多原因......）,日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法：

你必须在CSS中明确设置它的宽度。

.x-date-middle {
    padding-top:2px;padding-bottom:2px;
    width:130px; /* FF3 */
}

另一种解决办法：
（来自lonelyblue的解决方法）

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

 

(测试通过)