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

Question

在我的网站上，我有一个带有下拉列表/选择框的联系表格。该框的字体大小为14px。但只有在Firefox中，下拉列表/选择框（右侧）的箭头会根据字体大小调整大小。是否有可能将其解除？

因此，设置字体大小越大，Firefox中的箭头就越大。

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

提前致谢！ ：）

Answer 1

虽然@texasbruce是正确的，但你可以通过禁用Firefox应用于menuList的原生样式来绕过可怕的缩放箭头。

select {
-moz-appearance: none;
}

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

如果您不喜欢，可以尝试使用

select {
-moz-appearance: button;
}

这完全取消了箭头，但它看起来像一个按钮，而不是下拉。

你最好的选择是自己完成它的风格。看看here