Extjs2.0.2 datefield 日期组件在点击选择日期时下拉面板在chrome, firefox中样式乱掉的解决办法

最新推荐文章于 2014-07-08 15:42:01 发布

转载最新推荐文章于 2014-07-08 15:42:01 发布 · 608 阅读

Ext学习笔记专栏收录该内容

5 篇文章

订阅专栏

本文解决在Chrome和Firefox浏览器中日期组件下拉面板占用全屏的问题，通过调整CSS样式来优化用户体验。提供了解决方案和相关引用链接。

日期组件在点击选择日期时下拉面板在chrome, firefox中占满全屏。如图。

解决办法参考：http://www.sencha.com/forum/showthread.php?82493-FIXED-347-DatePicker-popup-width-incorrect-in-Webkit&highlight=chrome

 if(Ext.isGecko===true||/chrome/.test(navigator.userAgent.toLowerCase())){       
        var chromeDatePickerCSS = ".x-date-picker {border-color: #1b376c;background-color:#fff;position: relative;width: 185px;}";
        Ext.util.CSS.createStyleSheet(chromeDatePickerCSS,'chromeDatePickerStyle');
    }

引用：http://blog.chinaunix.net/uid-26884465-id-3478508.html

其他引用：http://www.cnblogs.com/m199/p/3364209.html