`
wjx
  • 浏览: 67200 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext中的button中文字体的CSS修正

阅读更多
最近在用Ext(一边学一边用,探索是痛苦滴,残念),外观pp滴,可惜在中文下面总是有点别扭。

例如button,在ie下面字会偏到上面去,尤其是有图片的button,而在firefox下面,11px的字体就别扭了,直接改成12的话又会把背景图片撑开,button下面会出现一行点点。

下面是hack的代码,只针对button的:
/* Ext Style Hack */

.ext-ie .x-btn button {
	padding-top:5px;
}
.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text {
	padding: 5px 0 0 20px;
}
.ext-gecko .x-btn button {
	font-size: 12px;
	padding-top: 0;
}
.ext-gecko .x-btn-text-icon .x-btn-center .x-btn-text {
	padding: 2px 0 2px 18px;
}
分享到:
评论
5 楼 znjq 2008-07-29  
本来正想修改这个问题呢,呵呵,lz已经无私奉献了.
老郁再接再厉把其他的字体问题也搞定吧.
4 楼 kimmking 2008-07-28  
grid中加入一个icon也有导致文字偏上的问题

觉得是icon的上下左右间距不一致造成的

还请教高手们看看
3 楼 klone 2008-07-28  
/* Ext Style Hack */ 
 
.ext-ie .x-btn button {  
    padding-top:5px;  
}  
.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text {  
    padding: 5px 0 0 20px;  
}  
.ext-gecko .x-btn button {  
    font-size: 12px;  
    padding-top: 0;  
}  
.ext-gecko .x-btn-text-icon .x-btn-center .x-btn-text {  
    padding: 2px 0 2px 18px;  

2 楼 klone 2008-07-28  
我将代码用加到<style......</style>放在html页面不行;加到ext-all.css也不行!
1 楼 让你笑了 2008-01-19  
很好,很强大

相关推荐

    EXT dojoChina按钮控件示例 Ext.Button.rar

    EXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rar

    Ext.Button的扩展

    在Ext JS框架中,`Ext.Button` 是一个基础组件,用于创建各种按钮。它提供了丰富的样式和事件处理功能,能够适应各种用户界面需求。而"Ext.Button的扩展"则是在这个基础上进行了定制化开发,增加了更个性化的交互...

    EXT中要用到的js包css包和images包

    EXT中要用到的js包css包和images包 在jsp页面中导入; charset=utf-8"&gt; &lt;link rel="stylesheet" href="css/ext-all.css" type="text/css" /&gt; &lt;script language="JavaScript" src="js/ext-base.js"&gt; ...

    ext简单登录css/js插件

    在这个登录插件中,我们可能使用了EXT中的FormPanel和Button组件来创建登录表单和提交按钮。 2. **CSS样式(ext-all.css)**:`ext-all.css`文件包含了EXT框架的基础样式,用于美化EXT组件的外观。登录插件的CSS...

    ext css 样式 精美样式

    标题中的"ext css 样式 精美样式"指的是专门为EXT JS设计的一系列高质量、视觉吸引人的CSS样式主题。这些主题旨在改变EXT JS组件的外观,使其更加美观,同时保持其交互性和功能性。 描述中提到的"里面有几套ext4.0...

    ext-----中文字体处理

    总的来说,EXT中文字体处理涉及CSS样式、组件属性、Web字体加载和字符编码等多个方面。理解并熟练运用这些知识点,可以使EXT应用程序的中文显示效果更加出色,提升用户体验。同时,开发者还需关注不同浏览器对中文...

    ext2.1 css补丁

    在EXT2.1中,可能由于兼容性问题或设计缺陷,尤其是在火狐浏览器下,中文字符显示可能会出现难看的bug,比如字体模糊、字形错位或者渲染不一致等。 这个"ext-patch.css"文件就是解决这个问题的关键。它包含了对EXT...

    Ext3.2中文API

    Ext中文API Ext3.2中文API ExtAPI Ext中文Ext中文API Ext3.2中文API ExtAPI Ext中文Ext中文API Ext3.2中文API ExtAPI Ext中文

    Ext2_Button示例

    在本示例“Ext2_Button”中,我们将聚焦于ExtJS 2.x版本中的按钮(Button)组件,它是ExtJS用户界面中的一个重要元素。 按钮组件在ExtJS中扮演着各种角色,如触发事件、导航、提交表单等。让我们深入了解一下ExtJS ...

    ext 2 简单例子(内附ext-all.css, ext-base.js, ext-all.js三个必不可少的文件)

    ext 是 ExtJs 的简称,是一个强大的js 类库。本资源主要包括三个大的文件ext-all.css,ext-base.js,ext-al.js。在引用ext 类库的时候,这三个文件必不可少。另外我还提供了ext2的一个简单例子,以便大家学习交流。

    EXT中文API , 中文

    EXT中文API帮助,没什么可说的。 EXT中文API帮助,没什么可说的。 EXT中文API帮助,没什么可说的。 EXT中文API帮助,没什么可说的。

    ext-3-button-sample.rar_Ext.Button samp_ext_extjs button

    extjs 主要应用了button的布局,和事件提交

    EXT中文手册 中文API

    EXT中文手册 中文API 中文简明教程 Ext Core手册

    ext Panel+toolbar+button 实作带注释

    在本文中,我们将深入探讨EXT JS库中的Panel、Toolbar和Button组件,并通过一个带注释的实作案例来帮助初学者理解这些概念。EXT JS是一个强大的JavaScript库,用于构建富客户端应用程序,它提供了丰富的组件模型和...

    EXT JS中文API+中文教程+中文资料+源码

    `ext中文API+ sample.chm`可能包含EXT JS的中文API文档以及示例代码,这对于快速查找和理解EXT JS的组件和函数用法非常有帮助。示例代码通常会展示如何在实际项目中应用这些API,有助于提升开发效率。 `ExtJS2.0...

    ext中文教程 ext API

    ext中文教程 ext API ext中文教程 ext API

    ext-all.js,base,ext.css

    ext-all.js,base,ext.css

    ext中文帮助文档最终版

    10. **国际化支持**:"ext中文帮助文档最终版"意味着EXT库有中文文档,对于中文开发者来说,更容易理解和学习EXT的API和使用方法。 EXT 2.0.2作为EXT 2.0的一个补丁版本,很可能包含了对一些已知问题的修复和性能...

    EXT3.0中文API文档

    EXT3.0中文API文档是针对EXT JavaScript库的版本3.0所编写的详细参考资料,主要面向前端开发者,特别是那些在Web应用中使用EXT3.0框架进行开发的专业人士。EXT是一个强大的用户界面库,提供了丰富的组件和功能,用于...

    Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文

    Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文

Global site tag (gtag.js) - Google Analytics