Google Chrome垂直< input type =" range" /> [英] Google chrome vertical <input type="range" />
问题描述
在歌剧院，我可以做以下
On opera, i can do the following
<style>
#range{
width: 20px;
heigth: 300px;
}
</style>
<input type="range" id="range" />
，它将渲染一个垂直滑块。但是，这似乎不工作的铬。有没有办法我可以做到这一点？ （我不是在寻找任何jQuery滑块或任何东西）
and it will render a vertical slider. However, this doesn't seem to work on chrome. Is there a way I can do this? (I'm not looking for any jQuery sliders or anything)
推荐答案
Chromium尚未实现支持尚未：
请参阅： http://www.chromium.org/developers/web-platform-status/forms
尚不可用
Not available yet
- Localization of
- Dedicated UIs for color, date, datetime, datetime-local, month, time, and week types
- Automatic switching to vertical range
- Value sanitization algorithms
- datalist element, list attribute, and list/selectedOption properties
- 的本地化
- 专用的颜色，日期，datetime，datetime-
和周类型 - 自动切换到垂直范围
- 价值清理算法
- datalist元素，list属性和list / selectedOption属性
Vuurwerk indicated that it is actually possible to alter the presentation using the -webkit-appearance: slider-vertical property. Although this does transform it into a vertical slider, I would not recommend doing this, since it will break your layout and doesn't look really pretty: example.
<编辑： Vuurwerk 指示，实际上可以使用 -webkit-appearance：slider-vertical 属性更改表示。虽然这会将它转换为垂直滑块，我不建议这样做，因为它会打破你的布局，看起来不漂亮：示例。
If you really want a vertical slider, use a JavaScript solution. Support for <input type="range" /> is very basic at the moment anyway, so you are probably better off with a graceful degradation or progressive enhancement approach.
这篇关于Google Chrome垂直< input type =" range" />的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
