如何在选择下拉框中应用填充？

Question

我有两种类型的输入。 select下拉框和常规input。

在input上，我添加了padding: 10px;，使其看起来很大。

问题是，一旦我把选择框放在它旁边，它们都是不同的高度。

如何将填充应用于选择，或使其与input的高度相同。

这是live example。

修改1

这就是我的看法：

Answer 1

尝试至少将-webkit-appearance: none添加到<select>，但可能同时添加到{{1}}。 OSX真的希望他们的控件看起来像Apple-y

Answer 2

将此属性添加到select元素：

-webkit-appearance: menulist-button;

查看此答案以获取更多详细信息：https://stackoverflow.com/a/3075922