2013-08-04 67 views
0

所以我做了這個提交按鈕,顯然,每個瀏覽器決定使它看起來不同。下面的代碼只適用於Chrome; Opera和IE使按鈕變小; Firefox更大。即使當我刪除所有可能影響輸入框的填充(編輯wordpress主題)時,它們在每個瀏覽器中看起來仍然不同。解決方法?Mozilla/Opera輸入框填充

.search-submit { 
padding-top: 3px 7px; 
color: #5e5e5e; 
font-size: 11px; 
font-weight: normal;  
} 


<input type="submit" class="search-submit" value="Search" /> 
+1

您可以檢查這個問題: 我希望它能幫到:) – Abood

回答

0

總是使用CSS重置來啓動CSS,以避免瀏覽器原生樣式表中的差異。 Eric Meyer的重置非常受歡迎,並且它一直在爲我工作:http://meyerweb.com/eric/tools/css/reset/

一旦你重置就位(在你的css文件的最頂端),所有的瀏覽器都應該顯示相同的元素(具有相同的邊距,填充等)。你可以從那裏拿起它,並寫你想要的CSS你的輸入。

+0

它在Opera和IE中已經修復,但Firefox仍然以不同的方式顯示它。 – user2558334

+0

我最終使用了一個圖像。 – user2558334