使用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