日期控制元件(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;}