如何在 Firefox 中隐藏 `` 元素的下拉箭头？

如何隐藏 的下拉箭头Firefox 中的元素

CSS 属性 -moz-appearance 通常用于自定义 的外观。元素，包括隐藏其下拉箭头。但是，旧版本的 Firefox 可能无法正确响应此属性。

Firefox 兼容性问题：

最初，使用 -moz-appearance: none;仅凭这一点不足以删除 Firefox 中的下拉箭头。此问题已在 Firefox 版本 35 中得到解决。

解决方案：

对于旧版本的 Firefox，-moz-appearance、text-indent 和text-overflow 可以用来隐藏箭头：

<code class="css">select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}</code>

如何实现有效：

• 通过设置 -moz-appearance: none;， 的常规浏览器样式;元素已禁用。
• text-indent: 0.01px;将文本稍微向右推。
• text-overflow: '';导致隐藏任何溢出的文本，包括下拉箭头。

注意：

在最新版本的 Firefox 中可能不再需要此 hack，其中-moz-外观：无；现在按预期工作。请参阅提供的要点以获取更新信息和跨浏览器兼容性。

以上是如何在 Firefox 中隐藏 `` 元素的下拉箭头？的详细内容。更多信息请关注PHP中文网其他相关文章！