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

【问题标题】：Display clear pseudo element for input boxes in FireFox or Chrome在 FireFox 或 Chrome 中为输入框显示清晰的伪元素
【发布时间】：2016-01-28 07:34:19
【问题描述】：

有人想让-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。

【问题讨论】：

标签： css jquery-inputmask

【解决方案1】：

这是 IE10 附带的本机功能。为了在其他浏览器中拥有类似的东西，您需要自己创建它。或者找一个有类似功能的库。

【讨论】：