下拉区域在Safari浏览器中显示不同

时间:2014-03-02 01:13:48

标签: javascript css

如何调整下拉区域的大小以与其他浏览器(Chrome,FF和IE)保持一致?

以下是代码:

<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> 

1 个答案:

答案 0 :(得分:1)

每个浏览器都以自己的方式呈现元素!

最好的选择是手动设置元素的样式并使它们在所有浏览器中看起来都相似..

目前,在所有应用了 DEFAULT 样式的浏览器中,没有任何输入看起来相同。

替代方案1:

  

注意:“这可能有效也可能无效”

试试这个 - &gt; Normalize v3.0.0

这将使浏览器更加一致地呈现所有元素并符合现代标准。它只精确定位需要规范化的样式。