html5 - remove arrow in chrome for input with attribute "list" -


i have code:

<input list="browsers">  <datalist id="browsers">   <option value="internet explorer">   <option value="firefox">   <option value="google chrome">   <option value="opera">   <option value="safari"> </datalist> 

in chrome little black down arrow in right corner

field arrow

is there way remove or hide that?

jsfiddle

update:

i know can wrap it, , close psuedo-element show in jsfiddle

but need solution that, there other way?

the following work:

input::-webkit-calendar-picker-indicator {   display: none; }  

jsfiddle here


Comments

Popular posts from this blog

jQuery Mobile app not scrolling in Firefox -

c++ - How to add Crypto++ library to Qt project -

php array slice every 2th rule -