[转]修复button在IE中的宽度问题

  

<Button>在IE中的默认显示与其他浏览器大相径庭，button的label越长，button的宽度就成比例的放大，padding的设置完全失效。用IE打开本页看看下面这个button，基本上是场灾难～
<button>this is a looooooooooooooooooooooooooooooong button</button

 

本以为加上width:auto的css应该可以解决问题，可结果呢：

<button style="width: auto;">this is a loooooooooong button with width:auto</button></p>

翻了一下Google，发现这个问题的根本原因是，在IE中，button的默认overflow是clip (奇怪的参数)，在这种情况下width:auto不起作用，所以加上overflow:visible，搞定！

<button style="overflow: visible; width: auto;">this is a looooooooooong button with width:auto;overflow:visible;</button>

 

转自 http://blog.inmedia.cn/%e4%bf%ae%e5%a4%8dbutton%e5%9c%a8ie%e4%b8%ad%e7%9a%84%e5%ae%bd%e5%ba%a6%e9%97%ae%e9%a2%98/