选择框在 Opera 中看起来不同？答案

【问题标题】：Select Box looks different in Opera?选择框在 Opera 中看起来不同？
【发布时间】：2013-01-05 12:07:37
【问题描述】：

以下是我想要的结果。它在 Chrome、IE 和 FF 中运行良好：

这是我使用 Opera 时的结果：

请帮忙？

【问题讨论】：

【解决方案1】：

我能够通过将高度分配给输入来修复差异。

看这个例子，在任何浏览器中都没有高度差异：

如果给 select 和 input 元素分配相同的高度，它应该是相等的。

使用 operas 检查元素，我将高度更改为 14px，它看起来一样。

#menu form input[type="text"] {
height:14px;
}

但是，最好在 select 和 input 上设置相同的高度，不要保持未设置。

【讨论】：

我这边还是没对齐：gyazo.com/7f0902d6b2b09ff6b7093b0922b5f344.png?1357389528用opera检查你的jsbin项目。
错位是的，但高度相等。向左添加浮动请参阅jsbin.com/ijuzas/3/edit
好的，如果没有浮点数，我该怎么做呢？
没有办法绕过它。只需使用左浮动。或者，您可以使用绝对定位，但您还需要在父级上进行相对定位。
试试这个：box-sizing:border-box;

【解决方案2】：

我最终使用了一个丑陋的 css hack，只针对选择填充略有不同的歌剧。

x:-o-prefocus, #menu select {
 padding: 5px 2px 5px 0;
}

【讨论】：