使用 CSS 向选择元素添加空间的正确方法是什么？

Question

我正在使用现有的样式表，并且我注意到我的选择元素看起来非常紧凑。我还注意到，在使用 normalize.css 框架时，这似乎也发生了：

我尝试在选择和选项中添加一些填充：

在 chrome 中看起来不错：

但在 Firefox 中仍然很奇怪 - 注意看起来臃肿的箭头。当我使用 sroll 选择选项时，它的行为也有点奇怪。只是让我怀疑我是否做得对。

这是添加间距的正确方法还是有更好的方法？我也尝试使用 line-height ，但这似乎没有太大效果。

Answer 1

为什么不高度：?px; --似乎对我来说可以接近我想要的所有浏览器。