选择Box在Opera中看起来不同?

时间:2013-01-05 12:07:37

标签: html css cross-browser opera

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

Perfect

当我使用Opera时,这是我的结果:

broken

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

请帮忙吗?

2 个答案:

答案 0 :(得分:2)

我能够通过assiginig高度来确定输入的差异。

参见此示例,任何浏览器的高度都没有差异:

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

如果为select和input元素指定相同的高度,它应该相等。

使用operas inspect element我将高度改为14px,看起来一样。

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

但是,最好在选择和输入上设置相同的高度,而不是将其设置为未设置。

答案 1 :(得分:1)

我最终使用了一个丑陋的css hack,只针对选择的稍微不同的填充目标。

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