在FF和IE中輸入按鈕樣式鏈接

Question

我正在使用CSS使輸入按鈕看起來像一個鏈接。

我的風格是這樣的：

input#linkLike { 
    background: none; 
    border: none; 
    cursor: pointer; 
    margin: 0; 
    padding: 0; 
    text-decoration: none; 
    font-weight: bold; 
    font-size: 12px; 
    display: inline; 
    vertical-align: baseline; 
} 

這正常在Chrome，但周圍有按鈕一個空白在FF和IE瀏覽器中的一個更大的空白。

http://jsfiddle.net/S4nF9/5/

如果這種空白從何而來，我怎麼能刪除嗎？

Answer 1

根據this page，

Firefox使用按鈕元件本身繪製內僞元素。正如可以看到的上方，這意味着2px的的填充被加到該內僞元素的頂部和底部，因此它可如下除去：

button::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner { 
    padding: 0 !important; 
    border: 0 none !important; 
} 

所以這是火狐照顧。見new fiddle。
（注意：文章提到了頂部和底部，但它也適用於左側和右側填充。）

我沒有IE瀏覽器，所以我現在無法測試，對不起。

Answer 2

您可以給它一個寬度值。