IE6、7中按钮随着value增多两边留白也随之增加
2015-05-10 17:37
387 查看
#cyg h2{font-size:16px;font-weight:bold;}
当value值增多时
在Chrome中的显示效果:
1.问题代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE6、7中按钮随着value增多两边留白也随之增加</title> <meta name="author" content="鬼眼邪神"/> </head> <body> <input type="button" name="" value="按钮1"/> <button type="button" id="">按钮1</button> </body> </html>在IE6中的显示效果:
当value值增多时
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE6、7中按钮随着value增多两边留白也随之增加</title> <meta name="author" content="鬼眼邪神"/> </head> <body> <input type="button" name="" value="按钮123456789"/> <button type="button" id="">按钮123456789</button> </body> </html>在IE6中的显示效果:
在Chrome中的显示效果:
2.解决方法
设置input,button{overflow:hidden;}相关文章推荐
- IE6下button随着文字的增多两边的内容边框也会增加的bug
- 去掉button按钮左右两边的留白 设置按钮背景为透明 去掉鼠标点击时出现的虚线边框 层的显示与隐藏
- 去掉button按钮左右两边的留白
- 去掉button按钮左右两边的留白
- 贝莱德:随着市场趋于成熟,加密货币的使用也会随之增多
- JS实现点击按钮自动增加一个单元格的方法
- SpringMVC批量插入,js点击按钮自动增加一行
- 增加屏幕工具条的按钮
- 敬爱的 Spring3 , 亲爱的 SpringSide , 是否增加以下功能? --- 业务模块、按钮、URL三者的联系
- IE6,IE7下按钮(BUTTON)变宽的解决方法
- vue2.0+stylus实现商品增加减少控制按钮组件
- 写一个给按钮、链接等控件增加快捷键的控件
- 随着文字内容增加,div的高度也跟着增加,并且文字自动换行
- 模拟新浪微博评论textarea输入框随着输入内容增多输入框高度自适应
- span中内容随着数字长度的增加而增大
- 动态生成行,序号随之增加,删除后依然按顺序。所以给动态生成的html元素绑定click事件
- jqgrid单元格中增加按钮
- 在选择屏幕的标准应用工具条上增加自定义按钮(-)
- SAP ABAP学习--增加自定义按钮
- input 按钮背景在IE6 IE7中不显示的解决方法