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

Question

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

当您在输入中键入内容时，会出现清除（x）按钮，但如何在 Firefox 中实现同样的效果？

Answer 1

Firefox 多年来一直在这方面拖延时间。 与其他答案相反，（截至 2017 年末）仍然没有在输入上包含清除按钮的原生方法。 您当然可以插入自己的并手动设置样式，在这种情况下您最好使用

input[type="search"]::-webkit-search-cancel-button { display: none } 避免在支持它的浏览器上显示本机清除按钮。