`

解决Ext表单在IE浏览器中输入边框不完整的问题

阅读更多

Ext引用后,在IE浏览器中使用Ext的form表单时,表单中的输入框边框出现不完整现象,很难看,以下是解决办法:

 


Ext-2.x后的版本,处理如下:

将ext-all.css中的此行
.ext-ie .x-form-text{

    margin:-1px 0;

    height:22px;

    line-height:18px;

}
更改为
.ext-ie .x-form-text{

    margin-top:-1px;

    margin-bottom:0px;

    height:22px;

    line-height:18px;

}


Ext-3.x后的版本,处理如下:

 

将ext-all.css中的此行

.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
    margin:-1px 0; /* ie bogus margin bug */
    height:22px; /* ie quirks */
    line-height:18px;
}

更改为
.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
    /* 修复边框不完整问题 */
    margin-top:-1px;
    margin-bottom:0px;
    height:22px;
    line-height:18px;
}

2
0
分享到:
评论

相关推荐

    ext3与ie9不兼容的问题

    在探讨“ext3与ie9不兼容的问题”这一主题时,我们首先需要理解几个关键概念:ext3、Internet Explorer 9(简称IE9)以及它们之间的兼容性问题。此外,根据给定的部分内容,我们将深入分析JavaScript代码片段,了解...

    ext表单

    通过使用EXT JS的FormPanel,开发者可以将一组表单组件组织在一起,形成完整的表单,方便地处理用户输入的数据。 FormPanel是EXT JS中用于创建表单的容器,它提供了对表单操作的基本支持,如加载和提交数据。在...

    IE浏览器经典故障及其解决方案

    ### IE浏览器经典故障及其解决方案 #### 故障一:无法改变IE...以上便是针对IE浏览器在使用过程中可能遇到的几个典型故障及其解决方案的详细介绍。通过这些具体的解决步骤,可以帮助用户有效排除故障,提升使用体验。

    ext表单设计器,常用表单拖拉实现

    EXT表单设计器是一款基于EXT库的强大工具,专用于快速、高效地构建Web应用程序中的表单。EXT是一个流行的JavaScript框架,由Sencha公司开发,用于构建富客户端应用。EXT表单设计器充分利用EXT库的功能,提供了可视化...

    EXT 表单验证EXT 表单验证

    EXT表单验证是EXT JS框架中的一个重要特性,用于在用户输入数据时确保数据的正确性和完整性。EXT JS是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计。它提供了丰富的组件库,包括表格、表单、菜单等,...

    Ext 动态加载表单数据

    在Ext JS这个强大的JavaScript框架中,动态加载表单数据是一种常见的功能需求,特别是在构建数据驱动的应用程序时。本文将深入探讨如何使用JSON格式的数据来实现这一功能,以便于灵活地更新和显示表单内容。 首先,...

    解决Ext Grid中文排序问题

    为了解决这个问题,我们可以重写Ext.data.Store的`applySort`函数,以便在进行本地排序时应用中文排序规则。上述代码正是这样一个解决方案。它将原生的`applySort`函数替换为一个新的版本,其中包含了对中文字符串...

    Ext.grid.ColumnModel显示不正常

    Ext.grid.ColumnModel显示不正常

    EXT表单验证之TextField

    EXT是Sencha公司开发的一款基于JavaScript的富客户端应用框架,它提供了一套完整的组件化UI构建工具,其中EXT表单(FormPanel)是用于创建复杂数据输入和验证的重要部分。在EXT表单中,TextField是最常见的输入控件...

    ie9不支持ext对象的问题

    在探讨“ie9不支持ext对象的问题”时,我们首先需要理解几个关键概念:IE9浏览器、Ext JS框架以及它们之间的兼容性问题。IE9是微软Internet Explorer系列浏览器的一个版本,发布于2011年,它在当时引入了一些新的...

    ext_表单提交_数据校验

    在Ext JS框架中,`Ext.form.TextField`是一种用于收集用户输入的基本控件,它提供了丰富的配置选项来实现数据校验。例如,在示例中,通过设置`allowBlank: false`,确保了字段不允许为空;`emptyText`定义了当字段为...

    解决datefield组件 日期选择框在IE8下显示不完整的问题

    extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...

    Ext教程表单表格的使用

    EXT表单FormPanel是EXT JS框架中用于创建复杂表单的组件,它允许用户输入、编辑和验证数据。在上述代码中,`sampleFormPanel`是一个FormPanel实例,包含了多个配置属性,用于定制表单的行为和外观。 1. `frame : ...

    Ext 添加功能form表单实例

    综上所述,这个实例展示了如何在Ext中创建一个完整的表单,包括表单的布局、字段的定义及验证、按钮及事件处理等多个方面。对于初学者来说,这是一个很好的学习资源,可以帮助他们快速掌握如何使用Ext构建复杂的Web...

    EXT异步提交FORM表单

    在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应速度。EXT框架(通常指的是Ext JS)作为一种成熟且功能丰富的JavaScript库,...

    EXT4.3实现动态表单全动态

    EXT4.3实现动态表单全动态是一种在Web开发中常用的技术,主要应用于构建高度可配置和可扩展的用户界面。这种技术的核心是利用EXTJS库的EXT4.3版本,EXTJS是一个强大的JavaScript框架,专门用于创建富互联网应用程序...

    ext 表单提交

    描述中提到的博文链接(已不可用)可能提供了关于Ext JS中表单提交的具体实现和示例。通常,Ext JS的表单提交使用Ajax方式,这意味着它可以异步地将表单数据发送到服务器,无需页面刷新。这种方式提供了更好的用户...

    Ext表单组件之textField

    Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行文本。这个组件可以用于创建各种类型的输入字段,如普通文本输入、密码输入、电子邮件地址输入等,通过设置不同的配置选项来满足不同的需求...

    Ext表单组件实现用户注册

    在Web开发中,用户注册是常见的功能之一,而Ext JS是一个强大的JavaScript库,用于构建复杂的、数据驱动的富客户端应用程序。本篇文章将聚焦于如何使用Ext表单组件来实现用户注册的功能。 首先,我们来看看`form....

    Ext 表单示例演示 视频

    在本示例中,我们关注的是使用Ext JS创建表单并连接到XML文件来动态展示数据的场景。Ext JS是一个强大的JavaScript库,专门用于构建富客户端应用程序,它提供了丰富的组件库,包括各种表单元素、布局和数据绑定机制...

Global site tag (gtag.js) - Google Analytics