使用Webkit的移动设备的垂直范围滑块

Question

我几乎完成了我的项目，但最后一件事我已经推迟了一段时间。

我目前有几个滑块（都是水平的）-它们都可以工作。 我当前正在使用可在此处找到的“移动范围滑块”库： https : //github.com/ubilabs/mobile-range-slider/blob/master/README.md

有谁知道我可以扩展此方法，或者扩展CSS3的技巧以使其成为垂直滑块？

我以为可以通过使用transform和flip来获得幸运，但是滑动动作不会跟踪（它只会稍微移动，当它移动时不一定跟踪滑动动作，即向上滑动可能会将滑块向上移动，但是也可以将其下移-如果可以的话？）

我尝试过的CSS是：

-webkit-transform: rotate(90deg);

我目前只专注于iPhone和Android-任何其他移动平台都将是一个奖励，但在现阶段不是必需的。

任何帮助或指针将不胜感激:)

Answer 1

尝试将-webkit用于chrome和safari：

http://css-infos.net/property/-webkit-appearance