Помещать цвет range, когда кнопка будет увеличиваться, или снимать это, когда он уменьшится

У меня есть range, но без цвета, когда кнопка двигается, я хочу добиться, чтобы, когда двинется кнопка, объелся брусок цвета. какая-то идея?

В этом изображении видно, что я хочу сделать

introducir la descripción de la imagen aquí

.range{
height: 20px;
width: 100%;
background-color: #f1f1f1;
border-radius: 50px;
-webkit-appearance: none;
}
.range::-moz-range-thumb {
width: 25px;
height: 25px;
background-color: #ff0000;
border-radius: 50%;
border: 0;
}

9
задан 26.06.2019, 04:49
0 ответов