css - 没有调整大小的下拉列表/选择框箭头

Question

在我的网站上，我有一个带有下拉列表/选择框的联系表。该框的字体大小为 14px。但仅在 Firefox 中，下拉列表/选择框(右侧)的箭头会根据字体大小调整大小。是否可以禁用它？

因此，您将字体大小设置得越高，Firefox 中的箭头就会越大。

它必须是某种 CSS 样式，因为我使用了 2 个不同的脚本，而它仅由 1 个脚本出现。

提前致谢! :)

Answer 1

虽然@texasbruce 是对的，但您可以通过禁用 Firefox 应用于 menuList 的 native 样式来绕过看起来很糟糕的缩放箭头。

select {
-moz-appearance: none;
}

它不是很漂亮，但按钮图像应该可以缩放并且看起来不会太糟糕。这应该摆脱所有样式，但不幸的是它没有。

如果你不喜欢那样，你可以尝试使用

select {
-moz-appearance: button;
}

这完全摆脱了箭头，但它看起来像一个按钮，而不是一个下拉菜单。

最好的办法是完全自己设计样式。看看here