在 Firefox 中隐藏 元素的下拉箭头

Firefox 对 元素的默认行为包括一个可见的下拉箭头。为了获得干净、自定义的外观，您可能需要将其删除。

而“-webkit-appearance：button;”在 Chrome/Safari 中有效隐藏箭头，使用“-moz-appearance：button;”的方法相同在 Firefox 中不会产生期望的结果。

为了克服这个障碍，我们需要采用不同的技术：

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

其工作原理如下：

• "-moz-appearance: none;"禁用默认外观，包括箭头。
• "text-indent: 0.01px;"将箭头稍微向右推。
• "text-overflow: ''" 修剪溢出的箭头。

这个巧妙的组合有效地删除了不需要的箭头，同时保留了 元素的功能。