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

【问题标题】：No resize dropdown list/select box arrow没有调整大小下拉列表/选择框箭头
【发布时间】：2013-08-03 02:00:10
【问题描述】：

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

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

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

提前致谢！ :)

【问题讨论】：

标签： css

【解决方案1】：

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

select {
-moz-appearance: none;
}

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

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

select {
-moz-appearance: button;
}

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

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

【讨论】：