html - 选择框在 Opera 中看起来不同？

Question

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

这是我使用 Opera 时的结果：

演示网站：http ://www.unforgivengamers.com

请帮忙？

Answer 1

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

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

http://jsbin.com/ijuzas/1/edit

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

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

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

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

Answer 2

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

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