手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >input 按钮显示差异的解决方法
input 按钮显示差异的解决方法
摘要:请在各浏览器里查看以下input的显示效果!解决后显示效果!具体代码.button{margin:0;padding:00.25em;wid...

请在各浏览器里查看以下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

【input 按钮显示差异的解决方法】相关文章:

IE6 innerHTML写入的iframe src不显示BUG的解决方法

css实现文字过长显示省略号的方法

目前比较全的CSS reset重设方法总结

ie placeholder属性的兼容性问题解决方法

IE6下div层被select控件遮住的问题解决方法

li行间距大(IE中多了5个像素)的解决方法

img标签下多余空白BUG解决方法

div标签中的元素margin-top失效的解决方法

DIV下图片自适应解决方法

左中右3栏最先显示中栏内容的方法

精品推荐
分类导航