为 FireFox 或 Chrome 中的输入框显示清晰的伪元素

Display clear pseudo element for input boxes in FireFox or Chrome

有人想让-ms-clear伪元素消失:Remove IE10's "clear field" X button on certain inputs?

我的需求恰恰相反:我需要在 FireFox 和 Chrome 上安装它。我的客户在 Internet Explorer 中注意到它并发现它非常有用。我在我的应用程序中使用 jquery-inputmask 插件 BTW。 https://github.com/RobinHerbots/jquery.inputmask/issues/1172


答案补充: 我只是仔细检查了 DataTables 的列过滤器如何处理这个问题,因为我记得它在 FF 和 Chrome 上提供了清晰的图标。我现在在 IE 中试了一下,IE 的伪元素在那里放了一个额外的 X!伪元素是较大的,较小的是FF和Chrome中的,也是右对齐的背景图片,右边距为5px。

这是 IE10 附带的原生功能。为了在其他浏览器中拥有类似的东西,您需要自己创建它。或者找一个有类似功能的图书馆。