iPad垂直输入滑块

时间:2012-04-26 21:59:38

标签: css3 slider

我正在使用jQuery UI创建一个垂直输入范围滑块(this style to be exact)。我宁愿使用像Zepto这样更轻量级的框架,当然也可以使用原生JS来创建这个滑块。

我的具体用例仅适用于iPad(iOS 4.3+),因此只需要支持webkit。 <input type="range" />的CSS3样式不是一个选项,因为它无法在垂直方向设置样式,并且rotate(90deg)在iOS上的行为不正确。此外,iOS 4.3根本不支持它。

有人能指出我更好的解决方案吗?

1 个答案:

答案 0 :(得分:0)

这可能是你所追求的:

https://stackoverflow.com/a/8696975/1170982

我不确定rotate3d转换在iOS中的行为是不正确的 - 我自己从未遇到过任何问题,但你也可以将'vertical-slider'值应用于转换:

-webkit-appearance: slider-vertical;

这是一个小小的预览:

http://jsfiddle.net/pSfSx/