multirange icon indicating copy to clipboard operation
multirange copied to clipboard

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

Open Kilosh opened this issue 4 years ago • 2 comments

Can this fixed somehow via css? image

Kilosh avatar Jun 28 '20 19:06 Kilosh

I didn't found any solution either.

FrankBuchholz avatar Dec 10 '20 13:12 FrankBuchholz

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%);
}

Stiggi avatar Jun 16 '21 09:06 Stiggi