In chrome browser the color left to the left handle looks wrong

LeaVerou / multirange

A tiny polyfill for HTML5 multi-handle sliders

http://projects.verou.me/multirange/

MIT License

607 stars 82 forks source link

In chrome browser the color left to the left handle looks wrong #47

Open Kilosh opened 4 years ago

Kilosh commented 4 years ago

Can this fixed somehow via css?

FrankBuchholz commented 3 years ago

I didn't found any solution either.

Stiggi commented 3 years ago

try this:

input[type="range"].multirange {
  -webkit-appearance: none;
}
input[type="range"].multirange.middle,
input[type="range"].multirange.original{
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(245,245,245,0) 37%,rgba(245,245,245,1) 38%,rgba(242,242,242,1) 50%,rgba(245,245,245,1) 62%,rgba(245,245,245,0) 63%,rgba(255,255,255,0) 100%);
}