wordpress - IE7/8 中的边距和填充问题

Question

我有一个混合使用表单/选择元素的搜索框。

搜索在 firefox、chrome、safari 等中渲染得很好，但是 IE8 忽略了边距和填充规则（两者都尝试过）。

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

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

同样，尽管有足够的边距规则将 Select 元素彼此分开，但 Select 元素仍位于彼此之上。

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

score 1 · Accepted Answer

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

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

如果你想看到你的 CSS 属性在任何浏览器中都能正常工作，你应该为任何浏览器定义它们。

1 回答 1