如何隐藏输入[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;
,但它不起作用。有没有其他方法可以做到这一点?
<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”]鼠标悬停的两个箭头?的主要内容,如果未能解决你的问题,请参考以下文章