2011-07-19 58 views
0

我有一個基礎的CSS(其中包括)等元素,將我的投入:CSS按鈕大小Safari瀏覽器(包括WebKit的瀏覽器,但?)

margin:0; 
    padding:0; 
    border:0; 
    font-size:100%; 
    font:inherit; 
    vertical-align:baseline; 

,我也有這個在特定按鈕問題

header input[type=submit] { background:#383838; color:#FFF; padding:4px 5px; } 

一切除Chrome中的輸入按鈕,這是在高度和寬度2個像素短細然後每隔一個瀏覽器(所以像存在用於每邊1倍像素差異)。更令人沮喪的是,這並不影響safari,它也是一款webkit瀏覽器。

任何想法爲什麼?

乾杯, Adi。

+0

對不起,將做re:驗收。這裏的圖像(兩種樣式相同)http://postimage.org/image/2vye375b8/ – Adi

+0

我真的不想用js瀏覽器嗅探和調整。偉大的排序CSS獨自(不能使用行高'FF錯誤的cos) – Adi

+0

你可以在[jsFiddle](http://jsfiddle.net/)或[JS Bin](http://jsbin.com/ )?另外,你在使用什麼操作系統? – thirtydot

回答

1

button s和input s由於每個瀏覽器(填充,邊距等)呈現(稍微)不同。如果您希望在每個瀏覽器中獲得完全相同的結果,則需要針對每種不同的樣式規則。

+0

這就是我曾擔心。 Ta爲輸入。 – Adi

0

您應該在樣式表文檔的第一個位置嘗試CSS重置。一些瀏覽器採取他們的默認樣式..所以這可能也是一個問題

相關問題