extjs4在ie9中字体问题的解决
2013-04-04 21:03
316 查看
从extjs3换到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);
}
在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);
}
相关文章推荐
- 解决firefox和IE9对icon font字体的跨域访问问题
- ie9不支持line-height_ie9不支持字体垂直居中兼容问题解决篇_IE9中字体不能垂直居中解决方法
- 开篇:解决IE9字体模糊的问题(又称无法关闭ClearType)
- 解决firefox和IE9对icon font字体的跨域访问问题
- 解决谷歌浏览器下字体不能小于12px的问题
- 彻底解决IE9 文本框无法输入文字,IE窗口闪烁问题(亲测)
- [IE9] 解决了傲游、搜狗浏览器在IE9下网页截图的问题
- 解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决win10缩放125%时,字体模糊的问题
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- EDAS上传字体嵌入问题及解决办法
- Linux下Chrome字体设置和启用OpenGL、GPU显卡加速解决Flash CPU占用过高的问题
- OpenERP中文字体问题的解决办法
- Qt做发布版,解决声音和图片、中文字体乱码问题
- 代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 润乾报表在linux字体下的显示问题及几种解决办法
- 解决IE9 IE8的跨域 请求问题
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- Delphi下Label中文字体显示不全问题的解决