如何在輸入[type =「date」]時隱藏鼠標移過的箭頭？

Question

出於某種原因，我想隱藏鼠標移到的兩個箭頭到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

Answer 1

要隱藏懸停所有效果，你可以使用：

pointer-events: none !important;