在firefox中隐藏日期选择器上的清除按钮

Question

我在网络表单上有一个输入类型日期。当用户打印表格时，清除按钮（带有“ x”的灰色圆圈）显示在日期旁边。显然，这并不理想。我玩过一些Moz套件，但是无论迄今为止我尝试过什么，我都无法使那个清晰的按钮在打印中不可见。此外，该表格仅在Firefox中使用。任何使这项工作的建议将不胜感激！

我尝试在@media print {}下的CSS文档中使用此功能

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

我曾尝试过用相同的方法做

::-webkit-search-cancel-button

都不起作用。

Answer 1

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

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