时间戳

首页 > 解决方案 > 在Firefox的打印中隐藏日期选择器中的清除按钮

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

问题描述

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

我尝试在@media print {} 下的 css 文档中使用它

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

我尝试过同样的事情：

::-webkit-search-cancel-button

两者都没有任何效果。

标签： htmlcssdatepicker

解决方案

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

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

推荐阅读