日期控制元件（DateField）在FireFox下不能正常顯示的解決辦法
阿新 • • 發佈：2019-02-05
在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;}