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

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