extjs4在ie9中字体问题的解决

最新推荐文章于 2020-12-22 13:24:12 发布

newfoxnose

最新推荐文章于 2020-12-22 13:24:12 发布

阅读量163

点赞数

本文介绍如何解决从ExtJS 3升级到ExtJS 4后出现的控件字体过小问题。通过在ext-all.css同级目录下创建ext-patch.css文件并加入特定样式，可以成功调整包括按钮、菜单项、面板头在内的多个控件的字体大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从 extjs 3换到extjs4,发现gird等控件字体变的很小,搜到了以下方法加个样式即可解决:

在ext-all. css 同级目录下新增个ext-patch.css之类的文件写入以下样式,之后把此 css 文件加载到ext-all.css下即解决:

.x-btn-default-small .x-btn-inner, .x-btn-default-medium .x-btn-inner, .x-btn-default-large .x-btn-inner, .x-btn-default-toolbar-small .x-btn-inner, .x-btn-default-toolbar-medium .x-btn-inner, .x-btn-default-toolbar-large .x-btn-inner, .x-menu-item-text, .x-html-editor-tb .x-font-select, .x-panel-header-default, .x-panel-header-text-default, .x-panel-header-default-framed, .x-tip-header, .x-tip-body, .x-form-invalid-tip-body, .x-tip-header-text, .x-progress-text, .x-toolbar, .x-toolbar .x-form-item-label, .x-toolbar .x-toolbar-text, .x-window-header-text-default, .x-tab-bar, .x-tab button, .x-grid-rowbody, .x-grid-row .x-grid-cell, .x-grid-group-title, .x-grid-row-editor .x-form-field, .x-grid-row-editor .x-form-display-field, .x-form-invalid-under, .x-fieldset-header, .x-column-header, .x-mask-msg div, .x-btn-group-header-text-default-framed, table.x-datepicker-inner a, .x-monthpicker-item, .x-dd-drag-ghost
{
font-size: 12px;
}

.x-column-header
{
text-shadow:0 0 0 rgba(255, 255, 255, 0.3);
}
[url=http://shijianriqi.cn]日期计算器[/url]