Html “输入类型”；搜索“；取消按钮未在Firefox、IE和Edge中显示

.hs-search-field\uu输入{
颜色：#111d33；
边框底部：3px实心#111d33；
外观：searchfield；
-moz外观：searchfield；
-webkit外观：searchfield；
-ms外观：searchfield；
颜色：#fff；
边界半径：0px！重要；
}

---

搜索字段上的清除按钮特定于chrome。我能想到的唯一解决方案是从chrome中删除clear按钮并添加自定义clear按钮。但是，如果任何其他浏览器决定在将来添加此特定于浏览器的功能，这可能会导致问题

这可能不是你想要的答案，你可能已经知道如何做到这一点，但我已经放了一个例子，如何从chrome中删除清除按钮，并创建一个自定义清除按钮

//获取清除按钮
const clear=document.queryselectoral（'.clear'）；
//通过清晰的按钮循环。
//这样您就可以在一个页面上有多个搜索字段。
for（设i=0；i

/*删除chrome清除按钮*/
输入[type=“search”]：-webkit搜索装饰，
输入[type=“search”]：-webkit搜索取消按钮，
输入[type=“search”]：：-webkit搜索结果按钮，
输入[type=“search”]：-webkit搜索结果{
-webkit外观：无；
}
/*基本清除按钮样式*/
.清楚{
位置：绝对位置；
右：4px；
顶部：2个；
光标：指针；
显示：内联块；
}
/*基本搜索包装器和输入样式*/
.搜索包裹{
显示：内联块；
位置：相对位置；
}
.search wrap输入[type=“search”]{
右边填充：20px；
}

X

这听起来像是特定于浏览器的“增强”。规范中没有关于“取消”选项的内容。我已经知道这个解决方案，但我一直在寻找一些css技巧。这对我来说现在很好用@WizardCoder感谢您提供此解决方案。