如何在离子中制作垂直范围滑块

Question

在我的应用程序中，我必须选择人的高度，所以我想自定义离子范围滑块垂直如下图

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

Answer 1

你可以使用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);
}

Answer 2

尝试基本的HTML CSS解决方案，就像martington在这里回答的那样。或者直接使用角滑块，就像这个。