如何删除悬停在最右边的HTML5 input = date中的datepicker元素

Question

问题：

• 当我将鼠标悬停在matInput type=date上时，如何删除出现的插入符号和增量器/减量器。

Answer 1

Demo with no hovered increment/decrement icons

应用代码： https://stackblitz.com/edit/angular-incons-hide-input-type-date?file=src/app/app.component.css

方法：

• 我正在寻找适用于:hover的matinput上的东西，但是没有运气，所以
  我欺骗了一个白色的蒙版，使用{{1} }。

    

  这将隐藏这些图标，并且它们的操作将不可用，因为图标被隐藏了，就像单击该图标时打开日历对话框一样。

代码：

让类输入标签
:before，
然后添加以下CSS

<input class="myInput" matInput type="date" placeholder="no icons on hover" value="">