如何标准化Chrome和Firefox之间的select框的高度？

查看Chrome和Firefox中的http://demo.neeraj.name/admin_data 。在Firefox中，select框的高度很高。在Chrome中，select框的高度非常小。

我如何使铬和safari的select框看起来像Firefox的select下拉菜单？

我之前遇到过这个问题

设置select元素的高度在Windows中的webkit上工作正常，但在Mac上的webkit上失败。

如果你设置了CSS属性

-webkit-appearance: menulist-button;

它将允许高度在Mac上正常工作，但它会在窗口上创build这个奇怪的黑色边框。您可以通过设置CSS边框属性来调整边框，但这会改变所有浏览器的外观，让您可以select边框而不仅仅是webkit。

在这一点上，我放弃了，但希望这是一个很好的起点，如果你想进一步调查。

增加line-height 。

除非你也有后台设置，否则高度在Safari上将无法使用。如果你设置了一个背景，你可能会失去Windows版本的Safari中的下拉箭头。似乎造型的风格似乎与问题。

使用CSS边框属性。使select边框为none或0. border：none ; 在mac中完美地显示在铬和safari中

@智的答案是正确的。另一个快速入侵是添加一个边框CSS样式：

select{border：1px solid #CCC}

这两个触发-webkit外观：menulistbutton属性与删除丑陋的黑色边框的额外好处:)。

我用这个jQuery combobox 。

有了这个，您可以将必要的CSS类的高度设置为需要select框的高度。

你可以增加字体大小以帮助高度。我认为，Safari的Mac显示高达16px的字体大小。至less得到一个更大的点击区域。

使用线高度 Safari浏览器的工作。

示例页面可用于Google Chrome 4和Safari 4

只需设置高度属性。行高在Windows上的Safari中工作，但不在Mac上。两个身高都工作。