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

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

最佳答案

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

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

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

备选方案 1:

Note : "This may or may not work"

试试这个 -> Normalize v3.0.0

这将使浏览器更一致地呈现所有元素并符合现代标准。它仅针对需要规范化的样式。

关于javascript - 下拉区域在 Safari 浏览器中显示不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22122645/

相关文章:

javascript - 如何将 Bootstrap 按钮分组为两列?

javascript - 为什么使用 jQuery data();函数不是将数据属性赋值写入HTML吗?

javascript - JS进度条颜色不可见

javascript - 如何在用户点击帖子时自动在新标签页中打开帖子?

css - 语义 ui-react 固定侧边栏和导航栏 : can't get sidebar and content to scroll nicely

CSS 导航栏 : text following UL is floating around - why?

javascript - 在匿名 settimeout javascript 函数中使用对象

javascript - 选择.追加/插入 : d3 changes from v3 to v4 turns checkboxes into text fields

html - 可滚动表在 IE8 中有额外的不需要的空间

css - flex box 保持 child 周围空白的正确方法是什么