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

Question

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

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

它必须是某种CSS样式，因为我已经使用了2个不同的脚本，并且只有1个脚本发生了。

在此先感谢！ :)

Answer 1

虽然@texasbruce是正确的，但您可以通过禁用Firefox适用于menuList的本机样式来避开可怕的缩放箭头。

select { 
-moz-appearance: none; 
} 

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

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

select { 
-moz-appearance: button; 
} 

这完全得到箭头的RID，但它看起来像一个按钮，而不是像一个下拉。

最好的选择是完全自己的风格。看一看here