Как сделать ползунок вертикального диапазона в ионном

#css #ionic-framework #ionic5

Вопрос:

В моем приложении мне нужно выбрать высоту людей, поэтому я хочу настроить ползунок ионного диапазона по вертикали, как на изображении ниже

https://i.stack.imgur.com/Mmwhc.png

Комментарии:

1. Пожалуйста, добавьте below image .

Ответ №1:

Вы можете вращать Div С помощью css: html

 <div class="a">
  <ion-item>
   <ion-range min="1000" max="2000" step="100" snaps="true" ticks="false" color="secondary"></ion-range>
  </ion-item>    
</div>
 

CSS

  div.a {
      width: 150px;
      height: 80px;
      background-color: yellow;
      -ms-transform: rotate(270deg); /* IE 9 */
      transform: rotate(270deg);
    }