input 按钮显示差异的解决方法
发布时间：2009-06-05 23:03:00 作者：佚名 
我要评论
我要评论请在各浏览器里查看以下input的显示效果！
解决后显示效果！
具体代码
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*宽度不带单位我是第一次见，不知道其作用！- -!*/
overflow:visible;
}
还有一个问题就是input的文字垂直居中问题，这里引用一
请在各浏览器里查看以下input的显示效果！
解决后显示效果！
具体代码
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*宽度不带单位我是第一次见，不知道其作用！- -!*/
overflow:visible;
}
还有一个问题就是input的文字垂直居中问题，这里引用一下！ fedcn
默认情况下，在IE6/7下，按钮中的文本居中的不是很精确，需要调整，而在IE8 Beta2下，按钮中的文字位置貌似是固定不变的。
经过反复测试，发现对按钮设置适当的行高值就可以解决， 其中在IE6/8下， line-height = height - 8 ，对IE7 单独设置 line-height = hegiht - 4
解决后显示效果！
具体代码
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*宽度不带单位我是第一次见，不知道其作用！- -!*/
overflow:visible;
}
还有一个问题就是input的文字垂直居中问题，这里引用一下！ fedcn
默认情况下，在IE6/7下，按钮中的文本居中的不是很精确，需要调整，而在IE8 Beta2下，按钮中的文字位置貌似是固定不变的。
经过反复测试，发现对按钮设置适当的行高值就可以解决， 其中在IE6/8下， line-height = height - 8 ，对IE7 单独设置 line-height = hegiht - 4
相关文章
- 这段时间在处理网页默认的input 按钮时，IE下常显现不一致的宽度问题，让人感到很纠结,今天抽时间整理了一些，贴出来和大家分享下，希望对你们有帮助2012-12-24
- 网页制作Webjx文章简介：你是不是觉得自己的主页不够靓丽，想让它有所改变呢？听说过样式表格吗？就是CSS，它就是那个能让你更为准确地控制网页的东东。2009-04-02
- 在一些网站进行上传时，当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹出的【选择文件】对话框中只显示了相关2008-10-17
- 本篇文章小编为大家介绍，关于如何去掉submit按钮背景阴影的解决方法。需要的朋友参考下2013-04-23
- 今天遇见一个bug，在ie下，input设置一个背景图片如下图：2011-08-02
适合绝大多数电脑用户的老牌实用软件 驱动精灵 2011V5.5.513.2020 绿色
驱动精灵 - 一款适合绝大多数电脑用户的老牌实用软件。 驱动精灵不仅可以快速准确的检测识别您系统中的所有硬件设备，而且可以通过在线更新及时的升级驱动程序，并且2011-05-15- 在使用IE6 IE7 等低级浏览器的人已经被时代抛弃，下面为大家介绍下input 按钮背景不显示的具体解决方法，有此经历，由此需求的朋友可以参考下，希望对大家有所帮助2013-08-19
最新评论