按鈕，在所有瀏覽器相同的line-height

我一直在尋找的答案，可惜還是沒有帶發現一個合適的人..按鈕，在所有瀏覽器相同的line-height

我創建使用圖像按鈕和按鍵本身看起來不錯在所有瀏覽器中。

雖然文本的放置方式不同（垂直），具體取決於您查看的瀏覽器。我已經嘗試應用行高，填充/邊距，頂部/底部和其他幾個屬性，但沒有成功..

是不是有一種方法（用CSS）在所有瀏覽器中正確放置文本？（Opera，Firefox，Chrome，Safari）...不用擔心Internet Explorer - 我會爲此應用一些特殊的CSS！

我已經提出了一個例子在這裏玩的：http://jsfiddle.net/GydjP/1/

嘗試設置一個固定高度的按鈕，包裝內部文本在一個跨度或東西（只）一個填充頂 – mreq

你能舉一個像我的jsfiddle的例子嗎？ – donpedroper

button :: - moz-focus-inner {border：0; padding：0; margin：0;}並且添加Line-height實際上對所有瀏覽器都有幫助，除了非常舊的Chrome和Firefox版本（lineheight沒有工作在所有） – donpedroper

按鈕:: - MOZ對焦，內{邊界：0;填充：0;保證金：0;}

和添加行高到按鈕顯然是我可以找到我的按鈕到目前爲止的最佳解決方案..它不工作在非常舊版本的Firefox + Chrome雖然

2011-10-14 07:17:25 donpedroper

僅供參考，所有版本的Firefox忽略按鈕上的行高：http://www.cssnewbie.com/input-button-line-height-bug/ –

回答