如何删除HTML5中日期选择器的元素input=date，悬停时显示在最右边

Question

问题：

• 如何删除将鼠标悬停在matInputtype=date上时出现的插入符号和递增/递减

Answer 1

没有悬停的递增/递减图标的演示

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

方法：

• 我寻找了应用于matinput的:hover上的东西，但没有运气，
  所以我用:before制作了一个白色的面具来覆盖图标。

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

代码：

给类输入标签
<input class="myInput" matInput type="date" placeholder="no icons on hover" value="">，
然后添加以下css

.myInput::before {
content: 'we';
position: absolute;
right: 0;
width: 40px;
height: 40px;
background-color: white;
color: white;
}