How to bind a datalist to a custom input[type='range]?

Good evening.

5b520a9246aec059704166.png
Is, the input range with a custom design using prefixes ( screen above) , the problem is that the property
-webkit-appearance: none; does not bind the datalist to get the indicators values
if you remove -webkit-appearance: none, Datalist Fit fine but respectively, making thumb flies
what are the solutions?

Thank you very much for the answers, I will be glad to help.
June 3rd 19 at 19:22
1 answer
June 3rd 19 at 19:24
and without the plugin in any way?
Thanks for the reply. - Rocky.Bechtelar73 commented on June 3rd 19 at 19:27

Find more questions by tags HTMLCSS