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

Question

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

当您在输入中键入内容时会显示清除(x)按钮,但是如何在Firefox中执行相同的操作？

谢谢!

Answer 1

火狐一直拖着这个他们的脚好多年。与另一个答案相反，（截至 2017 年底）仍然没有在输入上包含清除按钮的原生方式。您当然可以插入自己的并手动设置样式，在这种情况下，您最好使用

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

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