Crie um controle deslizante da direita para a esquerda (tipo de entrada="range") em HTML.

Coisas que eu quero fazer

Você pode criar facilmente um controle deslizante em HTML escrevendo o seguinte código.

<input type="range">

No entanto, este controle deslizante é fixo da esquerda para a direita. (A esquerda representa um valor menor e a direita representa um valor maior.)

No entanto, por razões de experiência do usuário, há momentos em que precisamos absolutamente ir da direita para a esquerda.

Este artigo mostrará uma maneira fácil de inverter a ordem de um elemento, da direita para a esquerda.

A implementação consiste simplesmente em definir scale:-1 da seguinte forma.

Isso muda a direção da direita para a esquerda.

Não só tem uma aparência diferente, como o lado direito representa o valor mínimo e o lado esquerdo representa o valor máximo.

<input type="range" style="scale:-1">

Exemplo:

Consegui criar um controle deslizante da direita para a esquerda.