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

Posted

技术标签:

【中文标题】如何隐藏输入[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;

【讨论】:

很高兴能帮上忙 :)

以上是关于如何隐藏输入[type =“date”]鼠标悬停的两个箭头?的主要内容,如果未能解决你的问题,请参考以下文章

鼠标悬停时如何将url隐藏在超链接中

如何在鼠标悬停时隐藏左下角的网址显示?

如何在鼠标悬停时显示隐藏的 div?

如何通过将鼠标悬停在Javascript中的三个按钮之一来显示和更新隐藏的div元素?

display属性 鼠标悬停时显示隐藏内容,

将鼠标悬停在模式链接上时隐藏浏览器状态栏上的链接