Css Firefox中没有用于输入类型搜索的清除按钮? 输入[type=“search”] { -webkit外观:searchfield }

Css Firefox中没有用于输入类型搜索的清除按钮? 输入[type=“search”] { -webkit外观:searchfield },css,html,firefox,Css,Html,Firefox,当您在输入中键入内容时,会显示clear(x)按钮,但如何在Firefox中实现同样的操作 谢谢 -moz外观:Firefox一直在拖延时间。与另一个答案相反,目前(截至2017年底)仍然没有在输入上包含清除按钮的原生方法。当然,您可以插入自己的并手动设置样式,在这种情况下,最好使用 <input type="search" /> input[type="search"] { -webkit-appearance: searchfield } 为避免在支持本机清除按钮的浏览器

当您在输入中键入内容时,会显示clear(x)按钮,但如何在Firefox中实现同样的操作


谢谢

-moz外观:

Firefox一直在拖延时间。与另一个答案相反,目前(截至2017年底)仍然没有在输入上包含清除按钮的原生方法。当然,您可以插入自己的并手动设置样式,在这种情况下,最好使用

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

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

似乎没有用于-moz外观的searchfield选项?对于
有大量的值,请单击指向文档的链接,查看所有可接受的值。@Rafael和您建议的外观是什么?这不起作用。文档中明确指出:“Gecko(Firefox)中使用了-moz-appearance CSS属性,以基于操作系统主题的平台本机样式显示元素。”这不是OP想要的。以下内容在Windows上不起作用:可以在此处找到解决此问题的Javascript解决方案-
input[type="search"]::-webkit-search-cancel-button { display: none }