EXTJS2.2中输入框边框显示不完整解决思路,一级解决办法。

同事在使用ExtJs时发现如下Bug:表单当中的元素,出现文本框参差不齐,有的没有边框等,不美观;输入框显示不完整,抓狂。

分析步骤及解决思路如下:

   1.使用IE的F12功能,获取生成的输入框HTML脚本,关键点脚本如下。
<pre>
<br>
<DIV style="PADDING-LEFT: 15px;background:blue" class=x-form-element>
<INPUT class="x-form-text">
</DIV>
</pre>
    发现此输入框会被上层的div遮挡住部分。
   2.将此HTML脚本,放到EXT2.2、2.3、3.4版本中使用各版本不同的样式表进行测试,是否有修正
   3.观察到3.4版本已经修正。
   4.比对2.2和3.4版本的关于form.css的差异,并合并对于x-form-text的描述。
关键点样式:
<pre>
.ext-ie .x-form-text {
   /*
    margin:-1px 0px;  ie bogus margin bug
    该代码将部分影响到页面中输入框显示不完整
    */
    margin:0px 0px;
    height:22px; /* ie quirks */
    line-height:18px;
}
</pre>

    经过修改后,在Windows2003+Ie8环境下一级Win7+Ie9环境下样式显示正常。

时间: 2024-10-26 21:22:50

EXTJS2.2中输入框边框显示不完整解决思路,一级解决办法。的相关文章

32位Win7中4G内存显示只有2.46G可用的解决

一般32位的操作系统是不识别4G以上内存的,显示多为3G(至少是3G左右的可用),但是我发现我的系统却只显示"2.46G可用". 一般32位的操作系统是不识别4G以上内存的,显示多为3G(至少是3G左右的可用),但是我发现我的系统却只显示"2.46G可用". 百度了一下,发现是由于双显卡切换机型(比如我的T400),集成显卡吃掉了500M内存来做共享显存,要禁用集成显卡(禁用显卡切换)只需进入 BIOS-Display,设置: 1.Default Primarty

C#中label内容显示不全、不完整的解决方法

  这篇文章主要介绍了C#中label内容显示不全.不完整的解决方法,只需要把两个属性设置一下即可解决这个问题,需要的朋友可以参考下 c# label的内容显示不全,需要设置如下属性即可: 1.将Lable的font属性的字体改成宋体; 2.将AutoSize属性改成true;

控制input输入框中提示信息的显示和隐藏的方法

 这篇文章主要介绍了怎样控制input输入框中提示信息的显示和隐藏 ,需要的朋友可以参考下 在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节.比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐藏.今天在这里,想跟大家分享一下这个小技巧,希望各位大神不要拍砖哦~~~    一.要求    input输入框,在光标显示时,隐藏提示信息:光标离开输入框时,显示提示信息.    二.方法    1.给该i

imageview-XML中图片显示不完整 布局

问题描述 XML中图片显示不完整 布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_pare

ASP.NET中母版页的内容页的文本框的边框显示不了?

问题描述 我使用了母版页,在内容页中使用文本框.可是文本框的边框显示不了?为什么??我自己再创建了一个页面.可是在这个页面中边框却可以显示.母版页的代码如下:<%@MasterLanguage="C#"AutoEventWireup="true"CodeFile="MasterPage.master.cs"Inherits="MasterPage"%><!DOCTYPEhtmlPUBLIC"-//W

div+css网页显示不完整的原因分析及解决方案

常常在低版本的浏览器如IE6查看一个网页显示完整,而在IE7及以上版本浏览器.火狐等浏览器上内容显示不完整-DIV+CSS网页内容显示不完整诊断教程. 样式截图如下:       说明:最后一排的内容文字只显示了一半. 分析造成原因: 1.css中设置了高度 2.设置了css样式表属性overflow:hidden,隐藏超出指定宽度.高度的对象-css隐藏. 解决方法: 1.css中设置了高度 取消其对象的高度(height)css样式,即可兼容各浏览器,内容也会显示完整.如果取消了高度让网页布

在Word 2007中使用“边框和底纹”对话框设置表格边框

在Word2007中,用户不仅可以在"表格工具"功能区设置表格边框,还可以 在"边框和底纹"对话框设置表格边框,操作步骤如下所述: 第1步,打开Word2007文档窗口,在Word表格中选中需要设置边框的单元格或 整个表格.在"表格工具"功能区切换到"设计"选项卡,然后在"表样式"分 组中单击"边框"下拉三角按钮,如图2009021101所示. 图2009021101 单击"边

word2010中表格边框底纹设置

  在Word2010中,用户不仅可以在"表格工具"功能区设置表格边框,还可以在"边框和底纹"对话框设置表格边框,操作步骤如下所述: 第1步,打开Word2010文档窗口,在Word表格中选中需要设置边框的单元格或整个表格.在"表格工具"功能区切换到"设计"选项卡,然后在"表格样式"分组中单击"边框"下拉三角按钮,并在边框菜单中选择"边框和底纹"命令,如图1所示. 图

word2007图片显示不完整解决方法

大家在使用Word编辑文档的时候会不会遇到word图片显示不全的情况,将图片粘贴到Word之后显示不完整,怎么回事呢?今天,绿茶小编就告诉大家解决方法. 造成此问题的原因是:这个word文档设定了固定的行距而导致的,上面的显示永远显示的一小半截其实就是一行的宽度.接下来我们就来解决这个问题吧! 第一步.选择图片,在开始界面,点击如图所示段落下面的小箭头. 第二步.在弹出的段落格式对话框中,你会发现,它的行距是设定的固定值,如图所示,如果你的也是,那么也是这个问题了. 第三步.接下来就简单了,直接