保持firefox和safari之間一致的提交按鈕樣式？

Question

所以我有一個提交按鈕的樣式與下面的CSS：

#search_submit { 
    width:150px; 
    font-size:1.5em; 
} 

在Safari它看起來像這樣：

在Firefox中，它看起來是這樣的：

我想要在Firefox中顯示的字體顯示在1.5em，但我想保留safari中存在的圓角（在Firefox中消失，只有當我添加font-size:1.5em

我在某個地方看過，更好的使用em來支持跨瀏覽器嗎？情況並非如此？

Answer 1

使用em作爲字體大小對於跨瀏覽器支持不一定是「更好的」。因爲它的可擴展性，所以推薦它，但它可能並不總是具有使用像素的一致性（像他們所說的像素完美...）

它通常並不難，讓按鈕之間看起來相同的Firefox和safari。如果沒有鏈接查看網頁，很難說爲什麼你的網頁是如此不同，我的猜測是你在頁面上有其他CSS樣式來實現你的按鈕。