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

Question

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

所以你设置的字体大小越高，Firefox 中的箭头就越大。

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

提前致谢！:)

Answer 1

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

select {
-moz-appearance: none;
}

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

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

select {
-moz-appearance: button;
}

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

你最好的选择是完全自己设计它。看看这里