解决Button在IE6、7下的自适应宽度问题

2019独角兽企业重金招聘Python工程师标准>>>

在IE中，button的默认overflow是clip，在这种情况下width:auto不起作用，所以需要加上overflow:visible。

button{width: auto;         //现代浏览器下识别overflow: visible;   //只有设置这个属性IE下padding才能生效*width: 1;      //根据老外的解释，width:1或者width:0是为了修正IE中table-cell产生的margin
}

整理转载于：http://www.liveme.org/input-button-fix.html

转载于:https://my.oschina.net/wbo0801/blog/201448

解决Button在IE6、7下的自适应宽度问题相关推荐

漂亮的自适应宽度的多色彩CSS图片按钮
一.素材二.效果三.CSS *{padding:0;margin:0}/*----------------------------------- 自适应宽度图片按钮 - ...
一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行转载于:https://www.cnblogs.com/mabelstyle/p/3844739.html
opacity在IE6~8下无效果，解决的办法
opacity在IE6~8下无效果,解决的办法问题出现时rgba()在ie6下不出效果,最后查到是opacity的问题. opacity是css3时出现的,目前主流浏览器都支持.but老IE是个麻烦 ...
解决Windows系统下网页自适应的终极方法
解决window系统下网页自适应的终极方法文章目录解决window系统下网页自适应的终极方法前言一.核心思想? 二.使用步骤 1.DevicePixelRatio工具类编写 2.实际应用总结 ...
浮动在IE6,7下的一些问题
1.首先如果两个元素要并在同一行,使用float最好两个都加浮动 2.IE6下双边距问题,当有块级元素浮动的时候,该元素的横向margin值会被放大为两倍,解决办法:给该元素加display:inli ...
css兼容性案例：margin-top在IE6/7下失效
又到了利用碎片学习的时间了,看看这个兼容性的小案例,前端开发者经常遇到的问题:margin-top在IE6/7下失效. 一个块级元素,触发了hasLayout(比如设置了宽度高度),并且其前面紧挨着的 ...
uniapp图片自适应_uni-app下input组件基于内容自适应宽度的实现
1.需求设计图是'单价'编辑项是input,随输入内容自己改变,前后有而fix(如果单位'￥/片'放后面那就好做多了):但是uni-app的input组件是有自定宽度的,而且试了好多css都很难控制 ...
android解决 Button 和 TabLayout 英文自动大写的问题
解决 Button 和 TabLayout 英文自动大写的问题导言:今天在使用TabLayout + ViewPager2加载页面时发现TabLayout 标题威英文时,全部都是大写展示.为此苦恼许 ...
集群空间服务器接收不到消息,解决Redis集群条件下键空间通知服务器接收不到消息的问题...
解决Redis集群条件下键空间通知服务器接收不到消息的问题键空间通知介绍键空间通知使得客户端可以通过订阅频道或模式, 来接收那些以某种方式改动了 Redis 数据集的事件. 可以通过对redis的 ...

解决Button在IE6、7下的自适应宽度问题

解决Button在IE6、7下的自适应宽度问题相关推荐

最新文章

热门文章