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

Question

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

当您在输入中键入内容时，

会显示清除（x）按钮，但是如何在Firefox中执行相同的操作？

谢谢！

Answer 1

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

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

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

Answer 2

-moz-appearance: <appearance>

非标准

  

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

MDN Documentation