如何隐藏输入[type =“date”]鼠标悬停的两个箭头？

Posted 2023-05-07

【中文标题】如何隐藏输入[type =“date”]鼠标悬停的两个箭头？

【英文标题】：How to hide both arrows which comes on mouse over on input[type="date"]?

【发布时间】：2015-07-22 01:40:56

【问题描述】：

出于某种原因，我想将鼠标悬停在input[type="date"] 上的两个箭头隐藏起来，我使用了-webkit-appearance: none;，但它不起作用。有没有其他方法可以做到这一点？

html

<input type="date">

CSS：

input[type="date"], 
input[type="date"]:hover 
border:0;
background:transparent;
-webkit-appearance: none;

代码示例http://jsbin.com/vovuha/1/edit

【问题讨论】：

这是一个答案***.com/questions/11320615/…

@Pugazh 我想隐藏两个箭头

【参考方案1】：

要隐藏悬停时的所有效果，您可以使用：

pointer-events: none !important;

【讨论】：

很高兴能帮上忙 :)