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

IF statement in MySQL trigger -

c++ - What does MSC in "// appease MSC" comments mean? -

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -