提交按钮被截掉IE7

Question

我打算用我的网站布鲁斯贾沛年的谷歌加风格的UI按钮 - code.brucegalpin.com/google-plus-ui-buttons/

这精美适用于Chrome， Firefox和ie8 +。然而在ie7上，提交按钮被截断。

<button class="action blue"><span class="label">Save</span></button> 

我已经创建了HTML和CSS中的jsfiddle - http://jsfiddle.net/22S2N/

直接看到在浏览器（在IE7）的输出点击这里 - http://jsfiddle.net/22S2N/embedded/result/

是否有人可以指导我如何在ie7中修复此问题

Answer 1

在此演示页面的评论部分中找到由Bruce Galpin自己提供的答案。 http://code.brucegalpin.com/google-plus-ui-buttons/demo.html

“按钮标签似乎是这个问题，所以如果你想有按钮在IE7显示操作只需使用：的

<a href="#" class="button action blue"><span class="label">Save</span></a> 

代替

<button class="action blue"><span class="label">Save</span></button> 

同样适用于图标和按钮，替换

<button><span class="label">Button</span></button> 

带

<a href="#" class="button"><span class="label">Button</span></a> 

一个体面的解决方法。以为其他人可能会觉得它有用。