提交按鈕被截掉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> 

一個體面的解決方法。以爲其他人可能會覺得它有用。