javascript - Datalist arrow not coming in ie and firefox -
hi using datalist tag dropdown in fiddle. getting arrow dropdown in chrome only. , arrow not coming in ie , firefox. in firefox search lazy search ie; not based on first letter
the fiddle is:: https://jsfiddle.net/v7fg0zc8/ pleas specify styling if achieve this
<!doctype html> <html> <body> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="internet explorer"></option> <option value="firefox"></option> <option value="chrome"></option> <option value="opera"></option> <option value="safari"></option> </datalist> </body> </html>
check this. i've tried may ways not worked well. may solution
input::-webkit-calendar-picker-indicator { display: none;/* remove default arrow */ } .myarrow:after { content: url(http://s25.postimg.org/6k40u5hcr/arrow.png); margin-left: -20px; padding: .1em; pointer-events:none; }
<span class="myarrow"><input list="browsers" name="browser" id="#show-suggestions"></span> <datalist id="browsers"> <option value="internet explorer"></option> <option value="firefox"></option> <option value="chrome"></option> <option value="opera"></option> <option value="safari"></option> </datalist>
Comments
Post a Comment