html - How to hide both arrows which comes on mouse over on input[type="date"]? -


for reason, want hide both arrow comes on mouse on input[type="date"] used -webkit-appearance: none; it's not working. there other way achive this?

enter image description here

html

<input type="date"> 

css:

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

code example http://jsbin.com/vovuha/1/edit

to hide effects on hover can use:

pointer-events: none !important; 

Comments

Popular posts from this blog

android - How to save instance state of selected radiobutton on menu -

python 3 IndexError: list index out of range -

IF statement in MySQL trigger -