css填充兼容性firefox 9鉻15

Question

我使用css漸變和填充來模擬錨點標記周圍的按鈕。我遇到的問題是，Firefox似乎使按鈕大3像素。頂部1像素，底部2像素。這似乎不僅發生在我發佈的示例中，而且發生在我使用填充的頁面上的任何地方。我忍耐並舉例於http://wemw.net/example.php。在Firefox中，按鈕的頂部和底部與搜索框完全對齊，但在鉻中，我說它頂部1像素，底部2像素。我正在使用W3過渡（嚴格考慮）doctype和CSS重置。在重置所有錨點標記設置爲填充：0，所以我很困惑，爲什麼這個額外的填充被添加。有沒有解決這個問題的方法，或者只是在使用gecko和webkit瀏覽器時必須處理的問題？

編輯：所以我登錄到Windows，它現在在兩個瀏覽器中都顯示相同。我假設它是操作系統特定的問題？由於沒有接近儘可能多的人使用Linux的地方，我將改變填充以使其工作，但爲了保持一致性，任何人都可以爲跨OS跨瀏覽器解決方案提供解決方案？我不擁有一個mac並且不能輕易地在那裏測試它，但是如果windows/linux可能在相同版本的相同瀏覽器上出現問題，那麼假設mac可能也有我不知道的問題是安全的嗎？

Answer 1

這不是錨標記上的填充，它是不一致的文本框的大小。 <input>元素總是對我造成這樣的問題，我總是發現它很好地將它們排列在一起（你還沒有在IE8中看到它，對嗎？）。我認爲這裏最簡單的跨瀏覽器解決方案是從文本框中移除邊框，並使用與按鈕正確對齊的背景圖像（或更好地，包含文本框的元素上的背景圖像）。