Question

我有一个搜索框，使用窗体/选择元素的浮动混合。

搜索在firefox，chrome，safari等中呈现正常，但是IE8忽略了边距和填充规则（尝试了两者）。

有问题的部分位于滑块下方，即搜索区域。

例如，在Chrome中查看时，“搜索提交”按钮正好位于主容器内部，而IE则将其直接放在侧面。

同样，尽管有足够的保证金规则将选择元素彼此分开，但选择元素仍位于彼此之上。

对此有任何帮助表示赞赏。

Answer 1

它也没有在任何其他不使用Webkit引擎的浏览器中工作（我在Opera和Firefox中测试过），因为你只包含了Webkit的填充和边距样式：

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* … */
}

如果您希望在任何浏览器中看到您的CSS属性，您应该为任何浏览器定义它们。