2014-03-02 26 views
0

如何調整下拉區域的大小以與其他瀏覽器(Chrome,FF和IE)保持一致?下拉區域在Safari瀏覽器中的顯示方式不同

下面是代碼:

<div id="category-dropdown" style="float:left; display:inline-block; padding:8px 0px 0px 5px; display:none;"> 
<select name="categories" id="catfield" class="margin-left"> 
<option value=""> Filter Search...</option> 
+0

可能的重複[如何讓下拉箭頭在所有瀏覽器中保持一致?](http://stackoverflow.com/questions/22307280/how-to-get-the-drop-down-arrow-將要洽進全的的瀏覽器) – zero298

回答

1

每個瀏覽器呈現的元素以自己的方式!

最好的選擇是手動風格的元素,使他們出現在所有瀏覽器的類似..

目前,還沒有輸入,看起來一樣在與默認應用款式所有的瀏覽器。

選擇1:

注: 「這可能會或可能無法正常工作」

試試這個 - >Normalize v3.0.0

這將使瀏覽器呈現的所有元素更多始終符合現代標準。它精確地只針對需要標準化的樣式。

相關問題