html - 選択ボックスは Opera で異なって見えますか?

Question

以下は私の望ましい結果です。Chrome、IE、および FF で正常に動作します。

これは、Opera を使用している場合の結果です。

デモサイト: http://www.unforgivengamers.com

助けてください？

Answer 1

I was able to fix the difference by assiginig height to the input.

See this example, there is no difference in height in any browser:

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

If you assign the same height to the select and input element it should be equal.

Using operas inspect element i changed the height to 14px and it looked the same.

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

However, it would be best to set the same height on both select and input and not leave it unset.

Answer 2

私は醜い css ハックを使用して、選択のパディングがわずかに異なるオペラのみをターゲットにすることになりました。

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