我正在使用jQuery UI创建一个垂直输入范围滑块(this style to be exact)。我宁愿使用像Zepto这样更轻量级的框架,当然也可以使用原生JS来创建这个滑块。
我的具体用例仅适用于iPad(iOS 4.3+),因此只需要支持webkit。 <input type="range" />
的CSS3样式不是一个选项,因为它无法在垂直方向设置样式,并且rotate(90deg)
在iOS上的行为不正确。此外,iOS 4.3根本不支持它。
有人能指出我更好的解决方案吗?
答案 0 :(得分:0)
这可能是你所追求的:
https://stackoverflow.com/a/8696975/1170982
我不确定rotate3d转换在iOS中的行为是不正确的 - 我自己从未遇到过任何问题,但你也可以将'vertical-slider'值应用于转换:
-webkit-appearance: slider-vertical;
这是一个小小的预览: