在Firefox的打印中隐藏日期选择器中的清除按钮答案

【问题标题】：Hiding a clear button from date picker on print in firefox在Firefox的打印中隐藏日期选择器中的清除按钮
【发布时间】：2018-09-25 20:43:25
【问题描述】：

我在 Web 表单上有一个输入类型的日期。当用户打印表单时，清除按钮（带有“x”的灰色圆圈）会打印在日期旁边。显然这并不理想。我玩过一些 moz 工具包，但无论到目前为止我尝试了什么，我都无法让那个清晰的按钮在打印时不可见。此外，该表单仅在 Firefox 中使用。任何有关使这项工作的建议将不胜感激！

我曾尝试在 @media print {}

下的 css 文档中使用它

input[type=date]::-ms-clear {
 display: none;
 }

我已经尝试过同样的事情：

::-webkit-search-cancel-button

两者都没有任何作用。

【问题讨论】：

标签： html css datepicker

【解决方案1】：

无法删除 FireFox 中的清除按钮。 ::ms-clear 功能仅适用于 Microsoft 浏览器，如 MDN 文档中所述。 https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-ms-clear

您需要从头开始设计自己的日期选择器或使用库中的一个。

【讨论】：