我想通过css在浏览器中禁用输入类型=“日期”的本机日历答案

【问题标题】：I want to disable native calendar for input type="date" in browser through css我想通过css在浏览器中禁用输入类型=“日期”的本机日历
【发布时间】：2018-08-10 20:28:44
【问题描述】：

我想通过 CSS 移除浏览器的原生日历。在 Firefox 中面临这个问题，但我想要一个适用于所有浏览器的解决方案。

image

【问题讨论】：

希望您至少尝试自己编写代码。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。
我已经搜索了这个问题一整天。我找不到适用于 Firefox 和其他浏览器的解决方案。
你有一些代码可以展示给我们看，你是使用 Angular Material 还是你自己的组件？
我正在使用此链接中的日期时间选择器
danielykpan.github.io/date-time-picker

标签： css angular

【解决方案1】：

      <owl-date-time [pickerType]="'calendar'" #dt1></owl-date-time>

【讨论】：

只有代码的答案最好有解释
我自己得到了答案。要禁用 chrome 中的控制，只需添加以下 css 设置
输入[类型=日期]::-webkit-calendar-picker-indicator { -webkit-appearance: none;显示：无； } input[type="date"]::-webkit-input-placeholder{ 可见性：隐藏！重要；对于 firefox 和其他浏览器，您必须添加如下事件
onDateInput(event:Event) { event.preventDefault();事件。停止传播（）； }