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

标签 html css datepicker

我在 Web 表单上有一个输入类型日期。当用户打印表单时,清除按钮(其中带有“x”的灰色圆圈)会打印在日期旁边。显然这并不理想。我玩过几个 moz 套件,但无论我到目前为止尝试过什么,我都无法在打印时让那个清晰的按钮不可见。此外,该表单仅在 Firefox 中使用。非常感谢有关使这项工作的任何建议!

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

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

我尝试过同样的事情:

::-webkit-search-cancel-button

两者都没有任何影响。

最佳答案

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

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

关于html - 在 Firefox 中打印日期选择器时隐藏清除按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52506410/

相关文章:

css - 如何将页脚放在我想要的位置

java - 日期选择器不显示使用 TemplateBuilder 动态创建的行

jquery - 为什么我的 jquery UI 日期选择器没有默认为英语

html - 行内 block + 最小/最大宽度行为

css - IE 7,8 中不显示水平菜单背景

javascript - HTML/HTML5 中的 iPhone 风格滑动 View

javascript - 在悬停时简单地向下滑动面板并在鼠标移出时向上滑动

javascript - jquery-ui datepicker 更改 z-index

ios - 从 phonegap1.2 加载远程 URL

html - 用 ERB 生成 HTML 文件?