Firefox 中没有用于输入类型搜索的清除按钮？答案

【问题标题】：No clear button in Firefox for input type search?Firefox 中没有用于输入类型搜索的清除按钮？
【发布时间】：2015-03-22 17:49:53
【问题描述】：

<input type="search" />
input[type="search"]
{
   -webkit-appearance: searchfield
}

当您在输入中键入内容时，会出现 clear(x) 按钮，但是如何在 Firefox 中使同样的事情发生？

谢谢！

【问题讨论】：

【解决方案1】：

Firefox 在这个for years and years 上一直拖拖拉拉。与另一个答案相反，（截至 2017 年底）仍然没有在输入中包含清除按钮的本地方式。您当然可以插入自己的并手动设置样式，在这种情况下您最好使用

input[type="search"]::-webkit-search-cancel-button { display: none }

避免在支持它的浏览器上显示原生清除按钮。

【讨论】：

【解决方案2】：

-moz-appearance: <appearance>

非标准

此功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它：它并不适用于所有人用户。之间也可能存在很大的不兼容未来的实现和行为可能会发生变化。

【讨论】：

似乎没有 -moz-appearance 的搜索字段选项？
<appearance> 的值很多，请单击文档链接并查看所有可接受的值。
@Rafael 你有什么建议？
这不起作用。文档清楚地说明：“-moz-appearance CSS 属性在 Gecko (Firefox) 中用于显示使用基于操作系统主题的平台原生样式的元素。”这不是 OP 想要的。
以下不适用于 Windows：