css - 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 }

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