繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > input 按钮显示差异的解决方法
- CSS样式表
- base href 使用方法详解
- html label标签的使用教程
- 使用CSS不用程序实现文字自动截断 用省略号代替
- CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
- 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
- CSS图片拼合生成器只需上传zip包即可
- 用iframe margin实现调用其他网页的某一区域的方法
- 用css alpha 滤镜 实现input file 样式美化代码
- RGB 加成色 说明
- 为了防止乱码，请将用于页面编码的meta charset放到title的前面
- DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
- 大家看了就明白了css样式中类class与标识id选择符的区别小结
- DL.DT.DD实现左右的布局简单例子
- css布局网页水平居中常用方法
- 使用CSS框架布局的缺点和优点小结
- Web2.0下XHTML+CSS 设计需要注意的地方小结
- table高级应用把表格进行到底(必看)
- css强制换行 css强制不换行的css方法
- Div CSS absolute与relative的区别小结
- css实现文字垂直居中的代码
CSS样式表 中的 input 按钮显示差异的解决方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 225 ::
收藏到网摘: 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
