提交按钮在ie7中被截断

Question

我打算在我的网站上使用Bruce Galpin的Google Plus风格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

＆＃34;按钮标签似乎是个问题，所以如果您希望在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>

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