繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > input 按钮显示差异的解决方法
- CSS样式表
- web标准知识：用途相似的标签
- 文本框css关闭输入法
- CSS DIV制作梯形状的不规则网站导航
- 优化CSS在网页中的加载方式
- IE对网页中引入CSS样式表的限制
- 以HTML为基础学习DIV CSS
- 关于CSS 框架的论述
- 网页制作人员在设计网页时注意的细节
- CSS样式表教程：浏览器默认样式
- CSS教程：汇总CSS初学者的几个技巧
- CSS设计网页时的一些常用规范
- 网站字体大小 CSS该重新改写？
- cookie和dom操作调用样式表实现网页换肤
- CSS初学：如何修改Zblog中的CSS
- 网页制作之学习CSS的理由
- 动态加载外部CSS与JS文件
- CSS教程：CSS放入网页的几种方式
- CSS教程：媒体类别语法
- Javascript动态创建 style 节点
- CSS网页隔行换色技巧
CSS样式表 中的 input 按钮显示差异的解决方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 208 ::
收藏到网摘: n/a
请在各浏览器里查看以下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
评论 (0) All
