关于日期控件(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;}

 

(测试通过)